{"id":285,"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\/iknowledgebase\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"\n<p><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&nbsp;<strong>HTML&nbsp;<code>&lt;blockquote&gt;<\/code>&nbsp;Element<\/strong>&nbsp;(or&nbsp;<em>HTML Block Quotation Element<\/em>) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see&nbsp;<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/HTML\/Element\/blockquote#Notes\">Notes<\/a>&nbsp;for how to change it). A URL for the source of the quotation may be given using the&nbsp;<strong>cite<\/strong>&nbsp;attribute, while a text representation of the source can be given using the&nbsp;&lt;a style=&quot;border: 0px;margin: 0px;padding: 0px;vertical-align: baseline;text-decoration: none;color: #2794da&quot; title=&quot;The HTML Citation Element <cite> 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.&#8221; href=&#8221;https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/cite&#8221;&gt;<code>&lt;cite&gt;<\/code><\/a>&nbsp;element.<\/p>\n<\/blockquote>\n<p><cite>multiple contributors<\/cite>&nbsp;\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>&nbsp;<\/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&nbsp;<a title=\"We'll Do It Live\" href=\"https:\/\/www.youtube.com\/watch?v=O_HyZ5aW76c\">explain<\/a>&nbsp;this 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&nbsp;<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&nbsp;<a title=\"Apple\" href=\"https:\/\/mystemplus.com\/\">link<\/a>.<\/p>\n<p><strong>Abbreviation Tag<\/strong><\/p>\n<p>The abbreviation&nbsp;<abbr title=\"Seriously\">srsly<\/abbr>&nbsp;stands for \u201cseriously\u201d.<\/p>\n<p><strong>Acronym Tag (<em>deprecated in HTML5<\/em>)<\/strong><\/p>\n<p>The acronym&nbsp;<acronym title=\"For The Win\">ftw<\/acronym>&nbsp;stands for \u201cfor the win\u201d.<\/p>\n<p><strong>Big Tag<\/strong>&nbsp;(<em>deprecated in HTML5<\/em>)<\/p>\n<p>These tests are a&nbsp;<big>big<\/big>&nbsp;deal, 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&nbsp;<del>strike out text<\/del>, but this tag is&nbsp;<em>recommended<\/em>&nbsp;supported in HTML5 (use the&nbsp;<code>&lt;s&gt;<\/code>&nbsp;instead).<\/p>\n<p><strong>Emphasize Tag<\/strong><\/p>\n<p>The emphasize tag should&nbsp;<em>italicize<\/em>&nbsp;<i>text<\/i>.<\/p>\n<p><strong>Horizontal Rule Tag<\/strong><\/p>\n<hr>\n<p>This sentence is following a&nbsp;<code>&lt;hr \/&gt;<\/code>&nbsp;tag.<\/p>\n<p><strong>Insert Tag<\/strong><\/p>\n<p>This tag should denote&nbsp;<ins cite=\"https:\/\/wow-estore.com\/mystem\/html-tags-and-formatting\/inserted%20it\">inserted<\/ins>&nbsp;text.<\/p>\n<p><strong>Keyboard Tag<\/strong><\/p>\n<p>This scarcely known tag emulates&nbsp;<kbd>keyboard text<\/kbd>, which is usually styled like the&nbsp;<code>&lt;code&gt;<\/code>&nbsp;tag.<\/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>&nbsp;Two 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>&nbsp;for short, inline quotes<\/p>\n<p><q>Developers, developers, developers\u2026<\/q>&nbsp;\u2013Steve Ballmer<\/p>\n<p><strong>Strike Tag<\/strong>&nbsp;(<em>deprecated in HTML5<\/em>) and&nbsp;<strong>S Tag<\/strong><\/p>\n<p>This tag shows&nbsp;strike-through&nbsp;<s>text<\/s>.<\/p>\n<p><strong>Small Tag<\/strong><\/p>\n<p>This tag shows&nbsp;<small>smaller<small>&nbsp;text.<\/small><\/small><\/p>\n<p><strong>Strong Tag<\/strong><\/p>\n<p>This tag shows&nbsp;<strong>bold&nbsp;text.<\/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&nbsp;<\/strong>(<em>obsolete in HTML5<\/em>)<\/p>\n<p>This rarely used tag emulates&nbsp;<tt>teletype text<\/tt>, which is usually styled like the&nbsp;<code>&lt;code&gt;<\/code>&nbsp;tag.<\/p>\n<p><strong>Underline Tag<\/strong>&nbsp;<em>deprecated in HTML 4, re-introduced in HTML5 with other semantics<\/em><\/p>\n<p>This tag shows&nbsp;<u>underlined text<\/u>.<\/p>\n<p><strong>Variable Tag<\/strong><\/p>\n<p>This allows you to denote&nbsp;<var>variables<\/var>.<\/p><\/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&nbsp;HTML&nbsp;&lt;blockquote&gt;&nbsp;Element&nbsp;(or&nbsp;HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see&nbsp;Notes&nbsp;for how to change it). A URL [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"template-parts\/iknowledge-page-focus.php","meta":{"footnotes":""},"class_list":["post-285","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wow-company.com\/iknowledgebase\/wp-json\/wp\/v2\/pages\/285"}],"collection":[{"href":"https:\/\/wow-company.com\/iknowledgebase\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wow-company.com\/iknowledgebase\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wow-company.com\/iknowledgebase\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wow-company.com\/iknowledgebase\/wp-json\/wp\/v2\/comments?post=285"}],"version-history":[{"count":0,"href":"https:\/\/wow-company.com\/iknowledgebase\/wp-json\/wp\/v2\/pages\/285\/revisions"}],"wp:attachment":[{"href":"https:\/\/wow-company.com\/iknowledgebase\/wp-json\/wp\/v2\/media?parent=285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}