{"id":1178,"date":"2024-01-11T20:22:19","date_gmt":"2024-01-11T20:22:19","guid":{"rendered":"http:\/\/wptest.io\/demo\/?p=919"},"modified":"2024-12-22T14:57:13","modified_gmt":"2024-12-22T14:57:13","slug":"markup-html-tags-and-formatting","status":"publish","type":"post","link":"http:\/\/demo.themepiko.com\/kable\/default\/markup-html-tags-and-formatting\/","title":{"rendered":"HTML Tags and Formatting"},"content":{"rendered":"<p><strong>Headings<\/strong><\/p><h1 class=\"wp-block-heading\">Header one<\/h1><h2 class=\"wp-block-heading\">Header two<\/h2><h3 class=\"wp-block-heading\">Header three<\/h3><h4 class=\"wp-block-heading\">Header four<\/h4><h5 class=\"wp-block-heading\">Header five<\/h5><h6 class=\"wp-block-heading\">Header six<\/h6><h2 class=\"wp-block-heading\">Blockquotes<\/h2><p>Single line blockquote:<\/p><blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Stay hungry. Stay foolish.<\/p><\/blockquote><p>Multi line blockquote with a cite reference:<\/p><blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>The <strong>HTML <code>&lt;blockquote&gt;<\/code> Element<\/strong> (or <em>HTML Block Quotation Element<\/em>) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/HTML\/Element\/blockquote#Notes\">Notes<\/a> for how to change it). A URL for the source of the quotation may be given using the <strong>cite<\/strong> attribute, while a text representation of the source can be given using the <a title=\"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;><code>&lt;cite&gt;<\/code><\/a> element.<\/p><\/blockquote><p><cite>multiple contributors<\/cite> &#8211; MDN HTML element reference &#8211; blockquote<\/p><h2 class=\"wp-block-heading\">Tables<\/h2><figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Employee<\/th><th>Salary<\/th><th>&nbsp;<\/th><\/tr><\/thead><tbody><tr><th><a href=\"http:\/\/example.org\/\">John Doe<\/a><\/th><td>$1<\/td><td>Because that&#8217;s all Steve Jobs needed for a salary.<\/td><\/tr><tr><th><a href=\"http:\/\/example.org\/\">Jane Doe<\/a><\/th><td>$100K<\/td><td>For all the blogging she does.<\/td><\/tr><tr><th><a href=\"http:\/\/example.org\/\">Fred Bloggs<\/a><\/th><td>$100M<\/td><td>Pictures are worth a thousand words, right? So Jane x 1,000.<\/td><\/tr><tr><th><a href=\"http:\/\/example.org\/\">Jane Bloggs<\/a><\/th><td>$100B<\/td><td>With hair like that?! Enough said&#8230;<\/td><\/tr><\/tbody><\/table><\/figure><h2 class=\"wp-block-heading\">Definition Lists<\/h2><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 &#8220;Big Black&#8221; Boykins, &#8220;Do Work&#8221; works as a self motivator, to motivating your friends.<\/dd>\n<dt>Do It Live<\/dt>\n<dd>I&#8217;ll let Bill O&#8217;Reilly will <a title=\"We'll Do It Live\" href=\"https:\/\/www.youtube.com\/watch?v=O_HyZ5aW76c\">explain<\/a> this one.<\/dd>\n<\/dl><h2 class=\"wp-block-heading\">Unordered Lists (Nested)<\/h2><ul class=\"wp-block-list\"><li>List item one<ul class=\"wp-block-list\"><li>List item one<ul class=\"wp-block-list\"><li>List item one<\/li>\n\n<li>List item two<\/li>\n\n<li>List item three<\/li>\n\n<li>List item four<\/li><\/ul><\/li>\n\n<li>List item two<\/li>\n\n<li>List item three<\/li>\n\n<li>List item four<\/li><\/ul><\/li>\n\n<li>List item two<\/li>\n\n<li>List item three<\/li>\n\n<li>List item four<\/li><\/ul><h2 class=\"wp-block-heading\">Ordered List (Nested)<\/h2><ol start=\"8\" class=\"wp-block-list\"><li>List item one -start at 8<ol class=\"wp-block-list\"><li>List item one<ol reversed class=\"wp-block-list\"><li>List item one -reversed attribute<\/li>\n\n<li>List item two<\/li>\n\n<li>List item three<\/li>\n\n<li>List item four<\/li><\/ol><\/li>\n\n<li>List item two<\/li>\n\n<li>List item three<\/li>\n\n<li>List item four<\/li><\/ol><\/li>\n\n<li>List item two<\/li>\n\n<li>List item three<\/li>\n\n<li>List item four<\/li><\/ol><h2 class=\"wp-block-heading\">HTML Tags<\/h2><p>These supported tags come from the WordPress.com code <a title=\"Code\" href=\"https:\/\/en.support.wordpress.com\/code\/\">FAQ<\/a>.<\/p><p><strong>Address Tag<\/strong><\/p><address>1 Infinite Loop<br>Cupertino, CA 95014<br>United States<\/address><p><strong>Anchor Tag (aka. Link)<\/strong><\/p><p>This is an example of a <a title=\"WordPress Foundation\" href=\"https:\/\/wordpressfoundation.org\/\">link<\/a>.<\/p><p><strong>Abbreviation Tag<\/strong><\/p><p>The abbreviation <abbr title=\"Seriously\">srsly<\/abbr> stands for &#8220;seriously&#8221;.<\/p><p><strong>Acronym Tag (<em>deprecated in HTML5<\/em>)<\/strong><\/p><p>The acronym <acronym title=\"For The Win\">ftw<\/acronym> stands for &#8220;for the win&#8221;.<\/p><p><strong>Big Tag<\/strong> (<em>deprecated in HTML5<\/em>)<\/p><p>These tests are a <big>big<\/big> deal, but this tag is no longer supported in HTML5.<\/p><p><strong>Cite Tag<\/strong><\/p><p>&#8220;Code is poetry.&#8221; &#8212;<cite>Automattic<\/cite><\/p><p><strong>Code Tag<\/strong><\/p><p>This tag styles blocks of code.<br><code>.post-title {<br>\n\tmargin: 0 0 5px;<br>\n\tfont-weight: bold;<br>\n\tfont-size: 38px;<br>\n\tline-height: 1.2;<br>\n\tand 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>\n}<\/code><br>You will learn later on in these tests that <code>word-wrap: break-word;<\/code> will be your best friend.<\/p><p><strong>Delete Tag<\/strong><\/p><p>This tag will let you <del cite=\"deleted it\">strike out text<\/del>, but this tag is <em>recommended<\/em> supported in HTML5 (use the <code>&lt;s&gt;<\/code> instead).<\/p><p><strong>Emphasize Tag<\/strong><\/p><p>The emphasize tag should <em>italicize<\/em> <i>text<\/i>.<\/p><p><strong>Horizontal Rule Tag<\/strong><\/p><hr class=\"wp-block-separator has-alpha-channel-opacity\"\/><p>This sentence is following a <code>&lt;hr \/&gt;<\/code> tag.<\/p><p><strong>Insert Tag<\/strong><\/p><p>This tag should denote <ins cite=\"inserted it\">inserted<\/ins> text.<\/p><p><strong>Keyboard Tag<\/strong><\/p><p>This scarcely known tag emulates <kbd>keyboard text<\/kbd>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p><p><strong>Preformatted Tag<\/strong><\/p><p>This tag is for preserving whitespace as typed, such as in poetry or ASCII art.<\/p><h2 class=\"wp-block-heading\">The Road Not Taken<\/h2><pre class=\"wp-block-preformatted\"><cite>Robert Frost<\/cite>\n\n\n  Two roads diverged in a yellow wood,\n  And sorry I could not travel both          (\\_\/)\n  And be one traveler, long I stood         (='.'=)\n  And looked down one as far as I could     (\")_(\")\n  To where it bent in the undergrowth;\n\n  Then took the other, as just as fair,\n  And having perhaps the better claim,          |\\_\/|\n  Because it was grassy and wanted wear;       \/ @ @ \\\n  Though as for that the passing there        ( &gt; \u00ba &lt; )\n  Had worn them really about the same,         `&gt;&gt;x&lt;&lt;\u00b4\n                                               \/  O  \\\n  And both that morning equally lay\n  In leaves no step had trodden black.\n  Oh, I kept the first for another day!\n  Yet knowing how way leads on to way,\n  I doubted if I should ever come back.\n\n  I shall be telling this with a sigh\n  Somewhere ages and ages hence:\n  Two roads diverged in a wood, and I\u2014\n  I took the one less traveled by,\n  And that has made all the difference.\n\n\n  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;\n<\/pre><p><strong>Quote Tag<\/strong> for short, inline quotes<\/p><p><q>Developers, developers, developers&#8230;<\/q> &#8211;Steve Ballmer<\/p><p><strong>Strike Tag<\/strong> (<em>deprecated in HTML5<\/em>) and <strong>S Tag<\/strong><\/p><p>This tag shows <span style=\"text-decoration: line-through;\">strike-through<\/span> <s>text<\/s>.<\/p><p><strong>Small Tag<\/strong><\/p><p>This tag shows <small>smaller<small> text.<\/small><\/small><\/p><p><strong>Strong Tag<\/strong><\/p><p>This tag shows <strong>bold<strong> text.<\/strong><\/strong><\/p><p><strong>Subscript Tag<\/strong><\/p><p>Getting our science styling on with H<sub>2<\/sub>O, which should push the &#8220;2&#8221; down.<\/p><p><strong>Superscript Tag<\/strong><\/p><p>Still sticking with science and Albert Einstein&#8217;s E = MC<sup>2<\/sup>, which should lift the 2 up.<\/p><p><strong>Teletype Tag <\/strong>(<em>obsolete in HTML5<\/em>)<\/p><p>This rarely used tag emulates <tt>teletype text<\/tt>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p><p><strong>Underline Tag<\/strong> <em>deprecated in HTML 4, re-introduced in HTML5 with other semantics<\/em><\/p><p>This tag shows <u>underlined text<\/u>.<\/p><p><strong>Variable Tag<\/strong><\/p><p>This allows you to denote <var>variables<\/var>.<\/p><p><\/p>","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 HTML &lt;blockquote&gt; Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see Notes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":867,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[109,110,216,131,114],"class_list":["post-1178","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-content-2","tag-css","tag-formatting-2","tag-html","tag-markup-2","entry","clearfix sub-post"],"_links":{"self":[{"href":"http:\/\/demo.themepiko.com\/kable\/default\/wp-json\/wp\/v2\/posts\/1178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/demo.themepiko.com\/kable\/default\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/demo.themepiko.com\/kable\/default\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/demo.themepiko.com\/kable\/default\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/demo.themepiko.com\/kable\/default\/wp-json\/wp\/v2\/comments?post=1178"}],"version-history":[{"count":3,"href":"http:\/\/demo.themepiko.com\/kable\/default\/wp-json\/wp\/v2\/posts\/1178\/revisions"}],"predecessor-version":[{"id":4234,"href":"http:\/\/demo.themepiko.com\/kable\/default\/wp-json\/wp\/v2\/posts\/1178\/revisions\/4234"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/demo.themepiko.com\/kable\/default\/wp-json\/wp\/v2\/media\/867"}],"wp:attachment":[{"href":"http:\/\/demo.themepiko.com\/kable\/default\/wp-json\/wp\/v2\/media?parent=1178"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/demo.themepiko.com\/kable\/default\/wp-json\/wp\/v2\/categories?post=1178"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/demo.themepiko.com\/kable\/default\/wp-json\/wp\/v2\/tags?post=1178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}