{"id":1178,"date":"2013-01-11T20:22:19","date_gmt":"2013-01-12T03:22:19","guid":{"rendered":"https:\/\/huarachesparral.com\/index.php\/2013\/01\/11\/markup-html-tags-and-formatting\/"},"modified":"2013-01-11T20:22:19","modified_gmt":"2013-01-12T03:22:19","slug":"markup-html-tags-and-formatting","status":"publish","type":"post","link":"https:\/\/huarachesparral.com\/es\/markup-html-tags-and-formatting\/","title":{"rendered":"Markup: HTML Tags and Formatting"},"content":{"rendered":"<strong>Headings<\/strong>\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>\nSingle line blockquote:\n<blockquote>Stay hungry. Stay foolish.<\/blockquote>\nMulti line blockquote with a cite reference:\n<blockquote cite=\"\\\\\\\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/blockquote\\\\\\\"\">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=\"\/es\/\\\\\\\"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=\"\/es\/\\\\\\\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/cite\\\\\\\"\/\" 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;><code>&lt;cite&gt;<\/code><\/a> element.<\/blockquote>\n<cite>multiple contributors<\/cite> &#8211; MDN HTML element reference &#8211; blockquote\n<h2>Tables<\/h2>\n<table>\n<thead>\n<tr>\n<th>Employee<\/th>\n<th>Salary<\/th>\n<th><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<th><a href=\"\/es\/\\\\\\\"http:\/\/example.org\/\\\\\\\"\/\">John Doe<\/a><\/th>\n<td>$1<\/td>\n<td>Because that\\\\\\&#8217;s all Steve Jobs needed for a salary.<\/td>\n<\/tr>\n<tr>\n<th><a href=\"\/es\/\\\\\\\"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=\"\/es\/\\\\\\\"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=\"\/es\/\\\\\\\"http:\/\/example.org\/\\\\\\\"\/\">Jane Bloggs<\/a><\/th>\n<td>$100B<\/td>\n<td>With hair like that?! Enough said&#8230;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Definition Lists<\/h2>\n<dl>\n \t<dt>Definition List Title<\/dt>\n \t<dd>Definition list division.<\/dd>\n \t<dt>Startup<\/dt>\n \t<dd>A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.<\/dd>\n \t<dt>#dowork<\/dt>\n \t<dd>Coined by Rob Dyrdek and his personal body guard Christopher \\\\\\&#8221;Big Black\\\\\\&#8221; Boykins, \\\\\\&#8221;Do Work\\\\\\&#8221; works as a self motivator, to motivating your friends.<\/dd>\n \t<dt>Do It Live<\/dt>\n \t<dd>I\\\\\\&#8217;ll let Bill O\\\\\\&#8217;Reilly will <a title=\"\\\\\\\"We\\\\\\'ll\" do it live\\\\\\\" href=\"\/es\/\\\\\\\"https:\/\/www.youtube.com\/watch\/?v=O_HyZ5aW76c\\\\\\\"\">explain<\/a> this one.<\/dd>\n<\/dl>\n<h2>Unordered Lists (Nested)<\/h2>\n<ul>\n \t<li>List item one\n<ul>\n \t<li>List item one\n<ul>\n \t<li>List item one<\/li>\n \t<li>List item two<\/li>\n \t<li>List item three<\/li>\n \t<li>List item four<\/li>\n<\/ul>\n<\/li>\n \t<li>List item two<\/li>\n \t<li>List item three<\/li>\n \t<li>List item four<\/li>\n<\/ul>\n<\/li>\n \t<li>List item two<\/li>\n \t<li>List item three<\/li>\n \t<li>List item four<\/li>\n<\/ul>\n<h2>Ordered List (Nested)<\/h2>\n<ol start=\"\\\\\\\"8\\\\\\\"\">\n \t<li>List item one -start at 8\n<ol>\n \t<li>List item one\n<ol reversed=\"\\\\\\\"reversed\\\\\\\"\">\n \t<li>List item one -reversed attribute<\/li>\n \t<li>List item two<\/li>\n \t<li>List item three<\/li>\n \t<li>List item four<\/li>\n<\/ol>\n<\/li>\n \t<li>List item two<\/li>\n \t<li>List item three<\/li>\n \t<li>List item four<\/li>\n<\/ol>\n<\/li>\n \t<li>List item two<\/li>\n \t<li>List item three<\/li>\n \t<li>List item four<\/li>\n<\/ol>\n<h2>HTML Tags<\/h2>\nThese supported tags come from the WordPress.com code <a title=\"\\\\\\\"Code\\\\\\\"\" href=\"\/es\/\\\\\\\"https:\/\/en.support.wordpress.com\/code\/\\\\\\\"\/\">FAQ<\/a>.\n\n<strong>Address Tag<\/strong>\n\n<address>1 Infinite Loop\nCupertino, CA 95014\nUnited States<\/address><strong>Anchor Tag (aka. Link)<\/strong>\n\nThis is an example of a <a title=\"\\\\\\\"WordPress\" foundation\\\\\\\" href=\"\/es\/\\\\\\\"https:\/\/wordpressfoundation.org\/\\\\\\\"\/\">link<\/a>.\n\n<strong>Abbreviation Tag<\/strong>\n\nThe abbreviation <abbr title=\"\\\\\\\"Seriously\\\\\\\"\">srsly<\/abbr> stands for \\\\\\&#8221;seriously\\\\\\&#8221;.\n\n<strong>Acronym Tag (<em>deprecated in HTML5<\/em>)<\/strong>\n\nThe acronym <acronym title=\"\\\\\\\"For\" the win\\\\\\\">ftw<\/acronym> stands for \\\\\\&#8221;for the win\\\\\\&#8221;.\n\n<strong>Big Tag<\/strong> (<em>deprecated in HTML5<\/em>)\n\nThese tests are a <big>big<\/big> deal, but this tag is no longer supported in HTML5.\n\n<strong>Cite Tag<\/strong>\n\n\\\\\\&#8221;Code is poetry.\\\\\\&#8221; &#8212;<cite>Automattic<\/cite>\n\n<strong>Code Tag<\/strong>\n\nThis tag styles blocks of code.\n<code>.post-title {\nmargin: 0 0 5px;\nfont-weight: bold;\nfont-size: 38px;\nline-height: 1.2;\nand 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}<\/code>\nYou will learn later on in these tests that word-wrap: break-word;will be your best friend.\n\n<strong>Delete Tag<\/strong>\n\nThis 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).\n\n<strong>Emphasize Tag<\/strong>\n\nThe emphasize tag should <em>italicize<\/em> <i>text<\/i>.\n\n<strong>Horizontal Rule Tag<\/strong>\n\n<hr>\n\nThis sentence is following a <code>&lt;hr \/&gt;<\/code> tag.\n\n<strong>Insert Tag<\/strong>\n\nThis tag should denote <ins cite=\"\\\\\\\"inserted\" it\\\\\\\">inserted<\/ins> text.\n\n<strong>Keyboard Tag<\/strong>\n\nThis scarcely known tag emulates <kbd>keyboard text<\/kbd>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.\n\n<strong>Preformatted Tag<\/strong>\n\nThis tag is for preserving whitespace as typed, such as in poetry or ASCII art.\n<pre>\n<h2>The Road Not Taken<\/h2>\n\n<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>\n<strong>Quote Tag<\/strong> for short, inline quotes\n\n<q>Developers, developers, developers&#8230;<\/q> &#8211;Steve Ballmer\n\n<strong>Strike Tag<\/strong> (<em>deprecated in HTML5<\/em>) and <strong>S Tag<\/strong>\n\nThis tag shows <strike>strike-through<\/strike> <s>text<\/s>.\n\n<strong>Small Tag<\/strong>\n\nThis tag shows <small>smaller<small> text.<\/small><\/small>\n\n<strong>Strong Tag<\/strong>\n\nThis tag shows <strong>bold<strong> text.<\/strong><\/strong>\n\n<strong>Subscript Tag<\/strong>\n\nGetting our science styling on with H<sub>2<\/sub>O, which should push the \\\\\\&#8221;2\\\\\\&#8221; down.\n\n<strong>Superscript Tag<\/strong>\n\nStill sticking with science and Albert Einstein\\\\\\&#8217;s E = MC<sup>2<\/sup>, which should lift the 2 up.\n\n<strong>Teletype Tag <\/strong>(<em>obsolete in HTML5<\/em>)\n\nThis rarely used tag emulates <tt>teletype text<\/tt>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.\n\n<strong>Underline Tag<\/strong> <em>deprecated in HTML 4, re-introduced in HTML5 with other semantics<\/em>\n\nThis tag shows <u>underlined text<\/u>.\n\n<strong>Variable Tag<\/strong>\n\nThis allows you to denote <var>variables<\/var>.","protected":false},"excerpt":{"rendered":"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<a class=\"more-link\" href=\"https:\/\/huarachesparral.com\/es\/markup-html-tags-and-formatting\/\">Ver m\u00e1s  &#10230;<\/a>","protected":false},"author":1,"featured_media":7089,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","inline_featured_image":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[115,116],"tags":[118,119,120,121,123],"acf":[],"class_list":["post-1178","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogroll","category-markup","tag-content-2","tag-css","tag-formatting-2","tag-html","tag-markup-2"],"uagb_featured_image_src":{"full":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3.jpg",2000,1158,false],"thumbnail":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3.jpg",150,87,false],"medium":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3.jpg",300,174,false],"medium_large":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3.jpg",768,445,false],"large":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3.jpg",1024,593,false],"1536x1536":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3.jpg",1536,889,false],"2048x2048":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3.jpg",2000,1158,false],"trp-custom-language-flag":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3.jpg",18,10,false],"ultp_layout_landscape_large":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3.jpg",1200,695,false],"ultp_layout_landscape":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3.jpg",870,504,false],"ultp_layout_portrait":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3.jpg",600,347,false],"ultp_layout_square":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3.jpg",600,347,false],"yith_slider_thumb":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3.jpg",259,150,false],"proteo-blog-loop-image":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3.jpg",725,420,false],"proteo-blog-loop-image-wide":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3.jpg",1287,745,false],"proteo_full_width_image":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3.jpg",1920,1112,false],"proteo_blog_cropped_cover_image_400":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3.jpg",691,400,false],"woocommerce_thumbnail":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3-362x362.jpg",362,362,true],"woocommerce_single":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3-812x470.jpg",812,470,true],"woocommerce_gallery_thumbnail":["https:\/\/huarachesparral.com\/wp-content\/uploads\/2012\/01\/imgblog3-150x150.jpg",150,150,true]},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/huarachesparral.com\/es\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"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 NotesVer&hellip;","_links":{"self":[{"href":"https:\/\/huarachesparral.com\/es\/wp-json\/wp\/v2\/posts\/1178"}],"collection":[{"href":"https:\/\/huarachesparral.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/huarachesparral.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/huarachesparral.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/huarachesparral.com\/es\/wp-json\/wp\/v2\/comments?post=1178"}],"version-history":[{"count":0,"href":"https:\/\/huarachesparral.com\/es\/wp-json\/wp\/v2\/posts\/1178\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/huarachesparral.com\/es\/wp-json\/wp\/v2\/media\/7089"}],"wp:attachment":[{"href":"https:\/\/huarachesparral.com\/es\/wp-json\/wp\/v2\/media?parent=1178"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/huarachesparral.com\/es\/wp-json\/wp\/v2\/categories?post=1178"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/huarachesparral.com\/es\/wp-json\/wp\/v2\/tags?post=1178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}