{"id":14,"date":"2020-11-02T08:49:17","date_gmt":"2020-11-02T08:49:17","guid":{"rendered":"http:\/\/develop.loc\/?page_id=2"},"modified":"2020-11-02T08:49:17","modified_gmt":"2020-11-02T08:49:17","slug":"typography","status":"publish","type":"page","link":"https:\/\/wow-company.com\/knowledgecenter\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"\n<p><strong>Headings<\/strong><\/p>\n<h1>Header one<\/h1>\n<h2>Header two<\/h2>\n<h3>Header three<\/h3>\n<h4>Header four<\/h4>\n<h5>Header five<\/h5>\n<h6>Header six<\/h6>\n<h2>Blockquotes<\/h2>\n<p>Single line blockquote:<\/p>\n<blockquote>\n<p>Stay hungry. Stay foolish.<\/p>\n<\/blockquote>\n<p>Multi line blockquote with a cite reference:<\/p>\n<blockquote cite=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/blockquote\">\n<p>The\u00a0<strong>HTML\u00a0<code>&lt;blockquote&gt;<\/code>\u00a0Element<\/strong>\u00a0(or\u00a0<em>HTML Block Quotation Element<\/em>) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see\u00a0<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/HTML\/Element\/blockquote#Notes\">Notes<\/a>\u00a0for how to change it). A URL for the source of the quotation may be given using the\u00a0<strong>cite<\/strong>\u00a0attribute, while a text representation of the source can be given using the\u00a0<a style=\"border: 0px;margin: 0px;padding: 0px;vertical-align: baseline;text-decoration: none;color: #2794da\" title=\"The HTML Citation Element &lt;cite&gt; represents a reference to a creative work. It must include the title of a work or a URL reference, which may be in an abbreviated form according to the conventions used for the addition of citation metadata.\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/cite\"><code>&lt;cite&gt;<\/code><\/a>\u00a0element.<\/p>\n<\/blockquote>\n<p><cite>multiple contributors<\/cite>\u00a0\u2013 MDN HTML element reference \u2013 blockquote<\/p>\n<h2>Tables<\/h2>\n<table>\n<thead>\n<tr>\n<th>Employee<\/th>\n<th>Salary<\/th>\n<th>\u00a0<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<th><a href=\"http:\/\/example.org\/\">John Doe<\/a><\/th>\n<td>$1<\/td>\n<td>Because that\u2019s all Steve Jobs needed for a salary.<\/td>\n<\/tr>\n<tr>\n<th><a href=\"http:\/\/example.org\/\">Jane Doe<\/a><\/th>\n<td>$100K<\/td>\n<td>For all the blogging she does.<\/td>\n<\/tr>\n<tr>\n<th><a href=\"http:\/\/example.org\/\">Fred Bloggs<\/a><\/th>\n<td>$100M<\/td>\n<td>Pictures are worth a thousand words, right? So Jane x 1,000.<\/td>\n<\/tr>\n<tr>\n<th><a href=\"http:\/\/example.org\/\">Jane Bloggs<\/a><\/th>\n<td>$100B<\/td>\n<td>With hair like that?! Enough said\u2026<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Definition Lists<\/h2>\n<dl>\n<dt>Definition List Title<\/dt>\n<dd>Definition list division.<\/dd>\n<dt>Startup<\/dt>\n<dd>A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.<\/dd>\n<dt>#dowork<\/dt>\n<dd>Coined by Rob Dyrdek and his personal body guard Christopher \u201cBig Black\u201d Boykins, \u201cDo Work\u201d works as a self motivator, to motivating your friends.<\/dd>\n<dt>Do It Live<\/dt>\n<dd>I\u2019ll let Bill O\u2019Reilly will\u00a0<a title=\"We'll Do It Live\" href=\"https:\/\/www.youtube.com\/watch?v=O_HyZ5aW76c\">explain<\/a>\u00a0this one.<\/dd>\n<\/dl>\n<h2>Unordered Lists (Nested)<\/h2>\n<ul>\n<li>List item one\n<ul>\n<li>List item one\n<ul>\n<li>List item one<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ul>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ul>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ul>\n<h2>Ordered List (Nested)<\/h2>\n<ol start=\"8\">\n<li>List item one -start at 8\n<ol>\n<li>List item one\n<ol reversed=\"reversed\">\n<li>List item one -reversed attribute<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ol>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ol>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ol>\n<h2>HTML Tags<\/h2>\n<p>These supported tags come from the WordPress.com code\u00a0<a title=\"Code\" href=\"https:\/\/en.support.wordpress.com\/code\/\">FAQ<\/a>.<\/p>\n<p><strong>Address Tag<\/strong><\/p>\n<address>1 Infinite Loop<br \/>Cupertino, CA 95014<br \/>United States<\/address>\n<p><strong>Anchor Tag (aka. Link)<\/strong><\/p>\n<p>This is an example of a\u00a0<a title=\"Apple\" href=\"https:\/\/mystemplus.com\/\">link<\/a>.<\/p>\n<p><strong>Abbreviation Tag<\/strong><\/p>\n<p>The abbreviation\u00a0<abbr title=\"Seriously\">srsly<\/abbr>\u00a0stands for \u201cseriously\u201d.<\/p>\n<p><strong>Acronym Tag (<em>deprecated in HTML5<\/em>)<\/strong><\/p>\n<p>The acronym\u00a0<acronym title=\"For The Win\">ftw<\/acronym>\u00a0stands for \u201cfor the win\u201d.<\/p>\n<p><strong>Big Tag<\/strong>\u00a0(<em>deprecated in HTML5<\/em>)<\/p>\n<p>These tests are a\u00a0<big>big<\/big>\u00a0deal, but this tag is no longer supported in HTML5.<\/p>\n<p><strong>Cite Tag<\/strong><\/p>\n<p>\u201cCode is poetry.\u201d \u2014<cite>Automattic<\/cite><\/p>\n<p><strong>Code Tag<\/strong><\/p>\n<p>This tag styles blocks of code.<br \/><code>.post-title {<br \/>margin: 0 0 5px;<br \/>font-weight: bold;<br \/>font-size: 38px;<br \/>line-height: 1.2;<br \/>and here's a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;<br \/>}<\/code><br \/>You will learn later on in these tests that word-wrap: break-word;will be your best friend.<\/p>\n<p><strong>Delete Tag<\/strong><\/p>\n<p>This tag will let you\u00a0<del>strike out text<\/del>, but this tag is\u00a0<em>recommended<\/em>\u00a0supported in HTML5 (use the\u00a0<code>&lt;s&gt;<\/code>\u00a0instead).<\/p>\n<p><strong>Emphasize Tag<\/strong><\/p>\n<p>The emphasize tag should\u00a0<em>italicize<\/em>\u00a0<i>text<\/i>.<\/p>\n<p><strong>Horizontal Rule Tag<\/strong><\/p>\n<hr \/>\n<p>This sentence is following a\u00a0<code>&lt;hr \/&gt;<\/code>\u00a0tag.<\/p>\n<p><strong>Insert Tag<\/strong><\/p>\n<p>This tag should denote\u00a0<ins cite=\"https:\/\/wow-estore.com\/mystem\/html-tags-and-formatting\/inserted%20it\">inserted<\/ins>\u00a0text.<\/p>\n<p><strong>Keyboard Tag<\/strong><\/p>\n<p>This scarcely known tag emulates\u00a0<kbd>keyboard text<\/kbd>, which is usually styled like the\u00a0<code>&lt;code&gt;<\/code>\u00a0tag.<\/p>\n<p><strong>Preformatted Tag<\/strong><\/p>\n<p>This tag is for preserving whitespace as typed, such as in poetry or ASCII art.<\/p>\n<h2>The Road Not Taken<\/h2>\n<p><cite>Robert Frost<\/cite>\u00a0Two roads diverged in a yellow wood, And sorry I could not travel both (\\_\/) And be one traveler, long I stood (=\u2019.\u2019=) And looked down one as far as I could (\u201c)_(\u201c) To where it bent in the undergrowth; Then took the other, as just as fair, And having perhaps the better claim, |\\_\/| Because it was grassy and wanted wear; \/ @ @ \\ Though as for that the passing there ( &gt; \u00ba &gt;x&lt;&lt;\u00b4 \/ O \\ And both that morning equally lay In leaves no step had trodden black. Oh, I kept the first for another day! Yet knowing how way leads on to way, I doubted if I should ever come back. I shall be telling this with a sigh Somewhere ages and ages hence: Two roads diverged in a wood, and I\u2014 I took the one less traveled by, And that has made all the difference. and here\u2019s a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;<\/p>\n<p><strong>Quote Tag<\/strong>\u00a0for short, inline quotes<\/p>\n<p><q>Developers, developers, developers\u2026<\/q>\u00a0\u2013Steve Ballmer<\/p>\n<p><strong>Strike Tag<\/strong>\u00a0(<em>deprecated in HTML5<\/em>) and\u00a0<strong>S Tag<\/strong><\/p>\n<p>This tag shows\u00a0strike-through\u00a0<s>text<\/s>.<\/p>\n<p><strong>Small Tag<\/strong><\/p>\n<p>This tag shows\u00a0<small>smaller<small>\u00a0text.<\/small><\/small><\/p>\n<p><strong>Strong Tag<\/strong><\/p>\n<p>This tag shows\u00a0<strong>bold\u00a0text.<\/strong><\/p>\n<p><strong>Subscript Tag<\/strong><\/p>\n<p>Getting our science styling on with H<sub>2<\/sub>O, which should push the \u201c2\u201d down.<\/p>\n<p><strong>Superscript Tag<\/strong><\/p>\n<p>Still sticking with science and Albert Einstein\u2019s E = MC<sup>2<\/sup>, which should lift the 2 up.<\/p>\n<p><strong>Teletype Tag\u00a0<\/strong>(<em>obsolete in HTML5<\/em>)<\/p>\n<p>This rarely used tag emulates\u00a0<tt>teletype text<\/tt>, which is usually styled like the\u00a0<code>&lt;code&gt;<\/code>\u00a0tag.<\/p>\n<p><strong>Underline Tag<\/strong>\u00a0<em>deprecated in HTML 4, re-introduced in HTML5 with other semantics<\/em><\/p>\n<p>This tag shows\u00a0<u>underlined text<\/u>.<\/p>\n<p><strong>Variable Tag<\/strong><\/p>\n<p>This allows you to denote\u00a0<var>variables<\/var>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Headings Header one Header two Header three Header four Header five Header six Blockquotes Single line blockquote: Stay hungry. Stay foolish. Multi line blockquote with a cite reference: The\u00a0HTML\u00a0&lt;blockquote&gt;\u00a0Element\u00a0(or\u00a0HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see\u00a0Notes\u00a0for how to change it). A URL [&hellip;]<\/p>\n","protected":false},"author":300,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wow-company.com\/knowledgecenter\/wp-json\/wp\/v2\/pages\/14"}],"collection":[{"href":"https:\/\/wow-company.com\/knowledgecenter\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wow-company.com\/knowledgecenter\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wow-company.com\/knowledgecenter\/wp-json\/wp\/v2\/users\/300"}],"replies":[{"embeddable":true,"href":"https:\/\/wow-company.com\/knowledgecenter\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":0,"href":"https:\/\/wow-company.com\/knowledgecenter\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"wp:attachment":[{"href":"https:\/\/wow-company.com\/knowledgecenter\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}