{"id":6530,"date":"2022-02-22T06:40:32","date_gmt":"2022-02-22T06:40:32","guid":{"rendered":"https:\/\/radiustheme.com\/demo\/wordpress\/themes\/yakeen\/?page_id=6530"},"modified":"2022-02-22T06:40:32","modified_gmt":"2022-02-22T06:40:32","slug":"markup-html-tags","status":"publish","type":"page","link":"https:\/\/nomadzdigital.com\/blog\/markup-html-tags\/","title":{"rendered":"Markup: HTML Tags"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Headings<\/strong><\/p>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"header-one-1\">Header one<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"header-two-1\">Header two<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"header-three-1\">Header three<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"header-four-1\">Header four<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"header-five-1\">Header five<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\" id=\"header-six-1\">Header six<\/h6>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"blockquotes\">Blockquotes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Single line blockquote:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Stay hungry. Stay foolish.<\/p><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Multi line blockquote with a cite reference:<\/p>\n\n\n\n<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 href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/cite\"><code>&lt;cite&gt;<\/code><\/a> element.<\/p><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">multiple contributors &#8211; MDN HTML element reference &#8211; blockquote<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tables\">Tables<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><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>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"definition-lists\">Definition Lists<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Definition List Title Definition list division. Startup A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model. #dowork 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. Do It Live I&#8217;ll let Bill O&#8217;Reilly will <a href=\"https:\/\/www.youtube.com\/watch?v=O_HyZ5aW76c\">explain<\/a> this one.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"unordered-lists-nested\">Unordered Lists (Nested)<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>List item one<ul><li>List item one<ul><li>List item one<\/li><li>List item two<\/li><li>List item three<\/li><li>List item four<\/li><\/ul><\/li><li>List item two<\/li><li>List item three<\/li><li>List item four<\/li><\/ul><\/li><li>List item two<\/li><li>List item three<\/li><li>List item four<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ordered-list-nested\">Ordered List (Nested)<\/h2>\n\n\n\n<ol class=\"wp-block-list\" start=\"8\"><li>List item one -start at 8<ol><li>List item one<ol reversed=\"reversed\"><li>List item one -reversed attribute<\/li><li>List item two<\/li><li>List item three<\/li><li>List item four<\/li><\/ol><\/li><li>List item two<\/li><li>List item three<\/li><li>List item four<\/li><\/ol><\/li><li>List item two<\/li><li>List item three<\/li><li>List item four<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"html-tags\">HTML Tags<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">These supported tags come from the WordPress.com code <a href=\"https:\/\/en.support.wordpress.com\/code\/\">FAQ<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Address Tag<\/strong> 1 Infinite Loop<br>Cupertino, CA 95014<br>United States<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Anchor Tag (aka. Link)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is an example of a <a href=\"https:\/\/wordpressfoundation.org\/\">link<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Abbreviation Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The abbreviation srsly stands for &#8220;seriously&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Acronym Tag (<em>deprecated in HTML5<\/em>)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The acronym ftw stands for &#8220;for the win&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Big Tag<\/strong> (<em>deprecated in HTML5<\/em>)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These tests are a big deal, but this tag is no longer supported in HTML5.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Cite Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;Code is poetry.&#8221; &#8211;Automattic<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Code Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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 <code>word-wrap: break-word;<\/code> will be your best friend.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Delete Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This tag will let you <del>strike out text<\/del>, but this tag is <em>recommended<\/em> supported in HTML5 (use the <code>&lt;s&gt;<\/code> instead).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Emphasize Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The emphasize tag should <em>italicize<\/em> <em>text<\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Horizontal Rule Tag<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">This sentence is following a <code>&lt;hr \/&gt;<\/code> tag.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Insert Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This tag should denote <ins>inserted<\/ins> text.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Keyboard Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This scarcely known tag emulates <kbd>keyboard text<\/kbd>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Preformatted Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This tag is for preserving whitespace as typed, such as in poetry or ASCII art.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"the-road-not-taken\">The Road Not Taken<\/h2>\n\n\n\n<pre class=\"wp-block-preformatted\">Robert Frost\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>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Quote Tag<\/strong> for short, inline quotes<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><q>Developers, developers, developers&#8230;<\/q> &#8211;Steve Ballmer<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Strike Tag<\/strong> (<em>deprecated in HTML5<\/em>) and <strong>S Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This tag shows <s>strike-through<\/s> <s>text<\/s>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Small Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This tag shows <small>smaller text.<\/small><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Strong Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This tag shows <strong>bold text.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Subscript Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Getting our science styling on with H<sub>2<\/sub>O, which should push the &#8220;2&#8221; down.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Superscript Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Still sticking with science and Albert Einstein&#8217;s E = MC<sup>2<\/sup>, which should lift the 2 up.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Teletype Tag <\/strong>(<em>obsolete in HTML5<\/em>)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This rarely used tag emulates teletype text, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Underline Tag<\/strong> <em>deprecated in HTML 4, re-introduced in HTML5 with other semantics<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This tag shows underlined text.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Variable Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This allows you to denote <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 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":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-6530","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Markup: HTML Tags - Nomadz Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nomadzdigital.com\/blog\/markup-html-tags\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Markup: HTML Tags - Nomadz Blog\" \/>\n<meta property=\"og:description\" content=\"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;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nomadzdigital.com\/blog\/markup-html-tags\/\" \/>\n<meta property=\"og:site_name\" content=\"Nomadz Blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nomadzdigital.com\\\/blog\\\/markup-html-tags\\\/\",\"url\":\"https:\\\/\\\/nomadzdigital.com\\\/blog\\\/markup-html-tags\\\/\",\"name\":\"Markup: HTML Tags - Nomadz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nomadzdigital.com\\\/blog\\\/#website\"},\"datePublished\":\"2022-02-22T06:40:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nomadzdigital.com\\\/blog\\\/markup-html-tags\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nomadzdigital.com\\\/blog\\\/markup-html-tags\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nomadzdigital.com\\\/blog\\\/markup-html-tags\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/nomadzdigital.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Markup: HTML Tags\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nomadzdigital.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/nomadzdigital.com\\\/blog\\\/\",\"name\":\"Nomadz Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/nomadzdigital.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nomadzdigital.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/nomadzdigital.com\\\/blog\\\/#organization\",\"name\":\"Nomadz Blog\",\"url\":\"https:\\\/\\\/nomadzdigital.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/nomadzdigital.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/nomadzdigital.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/cropped-nomadz_logo-2-5-e1779950348497.webp\",\"contentUrl\":\"https:\\\/\\\/nomadzdigital.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/cropped-nomadz_logo-2-5-e1779950348497.webp\",\"width\":1730,\"height\":474,\"caption\":\"Nomadz Blog\"},\"image\":{\"@id\":\"https:\\\/\\\/nomadzdigital.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Markup: HTML Tags - Nomadz Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nomadzdigital.com\/blog\/markup-html-tags\/","og_locale":"en_US","og_type":"article","og_title":"Markup: HTML Tags - Nomadz Blog","og_description":"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;]","og_url":"https:\/\/nomadzdigital.com\/blog\/markup-html-tags\/","og_site_name":"Nomadz Blog","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nomadzdigital.com\/blog\/markup-html-tags\/","url":"https:\/\/nomadzdigital.com\/blog\/markup-html-tags\/","name":"Markup: HTML Tags - Nomadz Blog","isPartOf":{"@id":"https:\/\/nomadzdigital.com\/blog\/#website"},"datePublished":"2022-02-22T06:40:32+00:00","breadcrumb":{"@id":"https:\/\/nomadzdigital.com\/blog\/markup-html-tags\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nomadzdigital.com\/blog\/markup-html-tags\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/nomadzdigital.com\/blog\/markup-html-tags\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nomadzdigital.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Markup: HTML Tags"}]},{"@type":"WebSite","@id":"https:\/\/nomadzdigital.com\/blog\/#website","url":"https:\/\/nomadzdigital.com\/blog\/","name":"Nomadz Blog","description":"","publisher":{"@id":"https:\/\/nomadzdigital.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nomadzdigital.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/nomadzdigital.com\/blog\/#organization","name":"Nomadz Blog","url":"https:\/\/nomadzdigital.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nomadzdigital.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/nomadzdigital.com\/blog\/wp-content\/uploads\/2026\/05\/cropped-nomadz_logo-2-5-e1779950348497.webp","contentUrl":"https:\/\/nomadzdigital.com\/blog\/wp-content\/uploads\/2026\/05\/cropped-nomadz_logo-2-5-e1779950348497.webp","width":1730,"height":474,"caption":"Nomadz Blog"},"image":{"@id":"https:\/\/nomadzdigital.com\/blog\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/nomadzdigital.com\/blog\/wp-json\/wp\/v2\/pages\/6530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nomadzdigital.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nomadzdigital.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nomadzdigital.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nomadzdigital.com\/blog\/wp-json\/wp\/v2\/comments?post=6530"}],"version-history":[{"count":0,"href":"https:\/\/nomadzdigital.com\/blog\/wp-json\/wp\/v2\/pages\/6530\/revisions"}],"wp:attachment":[{"href":"https:\/\/nomadzdigital.com\/blog\/wp-json\/wp\/v2\/media?parent=6530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}