{"id":171,"date":"2015-01-12T02:20:34","date_gmt":"2015-01-12T02:20:34","guid":{"rendered":"https:\/\/demo.wphoot.com\/chromatic\/?p=1"},"modified":"2015-01-12T02:20:34","modified_gmt":"2015-01-12T02:20:34","slug":"markup-html-tags-and-formatting","status":"publish","type":"post","link":"https:\/\/roccia-rosa.fr\/index.php\/2015\/01\/12\/markup-html-tags-and-formatting\/","title":{"rendered":"Markup: HTML Tags and Formatting"},"content":{"rendered":"<h3>Default Text Align &#8211; Left Align<\/h3>\n<p style=\"text-align: left\">This is a paragraph. It is left aligned. Because of this, it is a bit more liberal in it&#8217;s views. It&#8217;s favorite color is green. Left align tends to be more eco-friendly, but it provides no concrete evidence that it really is. Even though it likes share the wealth evenly, it leaves the equal distribution up to justified alignment.<\/p>\n<h3>Center Align<\/h3>\n<p style=\"text-align: center\">This is a paragraph. It is center aligned. Center is, but nature, a fence sitter. A flip flopper. It has a difficult time making up its mind. It wants to pick a side. Really, it does. It has the best intentions, but it tends to complicate matters more than help. The best you can do is try to win it over and hope for the best. I hear center align does take bribes.<\/p>\n<h3>Right Align<\/h3>\n<p style=\"text-align: right\">This is a paragraph. It is right aligned. It is a bit more conservative in it&#8217;s views. It&#8217;s prefers to not be told what to do or how to do it. Right align totally owns a slew of guns and loves to head to the range for some practice. Which is cool and all. I mean, it&#8217;s a pretty good shot from at least four or five football fields away. Dead on. So boss.<\/p>\n<h3>Justify Align<\/h3>\n<p style=\"text-align: justify\">This is a paragraph. It is justify aligned. It gets really mad when people associate it with Justin Timberlake. Typically, justified is pretty straight laced. It likes everything to be in it&#8217;s place and not all cattywampus\u00a0like the rest of the aligns. I am not saying that makes it better than the rest of the aligns, but it does tend to put off more of an\u00a0elitist\u00a0attitude.<\/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><p>Stay hungry. Stay foolish.<\/p><\/blockquote>\n<p>Multi line blockquote with a cite reference:<\/p>\n<blockquote><p>People think focus means saying yes to the thing you&#8217;ve got to focus on. But that&#8217;s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I&#8217;m actually as proud of the things we haven&#8217;t done as the things I have done. Innovation is saying no to 1,000 things.<br \/>\n<cite>Steve Jobs &#8211; Apple Worldwide Developers&#8217; Conference, 1997<\/cite><\/p><\/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=\"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=\"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&#8230;<\/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 &#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>\n<h2>Nested Unordered Lists<\/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<h3>Nested Ordered Lists<\/h3>\n<ol>\n<li>List item one\n<ol>\n<li>List item one\n<ol>\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<\/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<h3>Ordered &#8211; Unordered &#8211; Ordered<\/h3>\n<ol>\n<li>ordered item<\/li>\n<li>ordered item\n<ul>\n<li>unordered<\/li>\n<li>unordered\n<ol>\n<li>ordered item<\/li>\n<li>ordered item<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<\/li>\n<li>ordered item<\/li>\n<li>ordered item<\/li>\n<\/ol>\n<h3>Ordered &#8211; Unordered &#8211; Unordered<\/h3>\n<ol>\n<li>ordered item<\/li>\n<li>ordered item\n<ul>\n<li>unordered<\/li>\n<li>unordered\n<ul>\n<li>unordered item<\/li>\n<li>unordered item<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>ordered item<\/li>\n<li>ordered item<\/li>\n<\/ol>\n<h2>HTML Tags<\/h2>\n<p><strong>Address Tag<\/strong><\/p>\n<address>1 Infinite Loop<br \/>\nCupertino, CA 95014<br \/>\nUnited States<\/address>\n<p><strong>Anchor Tag (aka. Link)<\/strong><\/p>\n<p>This is an example of a <a title=\"Apple\" href=\"http:\/\/apple.com\">link<\/a>.<\/p>\n<p><strong>Abbreviation Tag<\/strong><\/p>\n<p>The abbreviation <abbr title=\"Seriously\">srsly<\/abbr> stands for &#8220;seriously&#8221;.<\/p>\n<p><strong>Big Tag\u00a0<strong>(<em>deprecated in HTML5<\/em>)<\/strong><\/strong><\/p>\n<p>These tests are a <big>big<\/big> deal, but this tag is no longer supported in HTML5.<\/p>\n<p><strong>Cite Tag<\/strong><\/p>\n<p>&#8220;Code is poetry.&#8221; &#8212;<cite>Automattic<\/cite><\/p>\n<p><strong>Code Tag<\/strong><\/p>\n<p>You will learn later on in these tests that <code>word-wrap: break-word;<\/code> will be your best friend.<\/p>\n<p><strong>Delete Tag<\/strong><\/p>\n<p>This tag will let you <del>strikeout text<\/del>, but this tag is no longer supported in HTML5 (use the <code>&lt;strike&gt;<\/code> instead).<\/p>\n<p><strong>Insert Tag<\/strong><\/p>\n<p>This tag should denote <ins>inserted<\/ins> text.<\/p>\n<p><strong>Keyboard Tag<\/strong><\/p>\n<p>This scarcely known tag emulates <kbd>keyboard text<\/kbd>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n<p><strong>Preformatted Tag<\/strong><\/p>\n<p>This tag styles large blocks of code.<\/p>\n<pre>.post-title {\n\tmargin: 0 0 5px;\n\tfont-weight: bold;\n\tfont-size: 38px;\n\tline-height: 1.2;\n\tand here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;\n}<\/pre>\n<p><strong>Quote Tag<\/strong><\/p>\n<p><q>Developers, developers, developers&#8230;<\/q> &#8211;Steve Ballmer<\/p>\n<p><strong>Strike Tag\u00a0<strong>(<em>deprecated in HTML5<\/em>)<\/strong><\/strong><\/p>\n<p>This tag shows <span style=\"text-decoration: line-through\">strike-through text<\/span><\/p>\n<p><strong>Strong Tag<\/strong><\/p>\n<p>This tag shows <strong>bold<strong> text.<\/strong><\/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 &#8220;2&#8221; down.<\/p>\n<p><strong>Superscript Tag<\/strong><\/p>\n<p>Still sticking with science and Isaac Newton&#8217;s E = MC<sup>2<\/sup>, which should lift the 2 up.<\/p>\n<p><strong>Teletype Tag\u00a0<strong>(<em>deprecated in HTML5<\/em>)<\/strong><\/strong><\/p>\n<p>This rarely used tag emulates <tt>teletype text<\/tt>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Default Text Align &#8211; Left Align This is a paragraph. It is left aligned. Because of this, it is a bit more liberal in it&#8217;s views. It&#8217;s favorite color is green. Left align tends to be more eco-friendly, but it provides no concrete evidence that it really is. Even though it likes share the wealth evenly, it leaves the equal distribution up to justified alignment. Center Align This is a paragraph. It is center aligned. Center is, but nature, a fence sitter. A flip flopper. It has a difficult time making up its mind. It wants to pick a side. Really, it does. It has<a class=\"more-link\" href=\"https:\/\/roccia-rosa.fr\/index.php\/2015\/01\/12\/markup-html-tags-and-formatting\/\">Read More &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":317,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"categories":[33],"tags":[43],"post_folder":[],"class_list":["entry","author-gael","post-171","post","type-post","status-publish","format-standard","has-post-thumbnail","category-balisage","tag-content"],"acf":[],"lang":"fr","translations":{"fr":171},"uagb_featured_image_src":{"full":["https:\/\/roccia-rosa.fr\/wp-content\/uploads\/2015\/05\/image-07.jpg",1200,550,false],"thumbnail":["https:\/\/roccia-rosa.fr\/wp-content\/uploads\/2015\/05\/image-07-150x150.jpg",150,150,true],"medium":["https:\/\/roccia-rosa.fr\/wp-content\/uploads\/2015\/05\/image-07-300x138.jpg",300,138,true],"medium_large":["https:\/\/roccia-rosa.fr\/wp-content\/uploads\/2015\/05\/image-07-768x352.jpg",768,352,true],"large":["https:\/\/roccia-rosa.fr\/wp-content\/uploads\/2015\/05\/image-07-1024x469.jpg",1024,469,true],"1536x1536":["https:\/\/roccia-rosa.fr\/wp-content\/uploads\/2015\/05\/image-07.jpg",1200,550,false],"2048x2048":["https:\/\/roccia-rosa.fr\/wp-content\/uploads\/2015\/05\/image-07.jpg",1200,550,false],"ultp_layout_landscape_large":["https:\/\/roccia-rosa.fr\/wp-content\/uploads\/2015\/05\/image-07.jpg",1200,550,false],"ultp_layout_landscape":["https:\/\/roccia-rosa.fr\/wp-content\/uploads\/2015\/05\/image-07.jpg",870,399,false],"ultp_layout_portrait":["https:\/\/roccia-rosa.fr\/wp-content\/uploads\/2015\/05\/image-07.jpg",600,275,false],"ultp_layout_square":["https:\/\/roccia-rosa.fr\/wp-content\/uploads\/2015\/05\/image-07.jpg",600,275,false],"hoot-medium-thumb":["https:\/\/roccia-rosa.fr\/wp-content\/uploads\/2015\/05\/image-07-420x290.jpg",420,290,true],"hoot-preview":["https:\/\/roccia-rosa.fr\/wp-content\/uploads\/2015\/05\/image-07-425x195.jpg",425,195,true],"hoot-large-thumb":["https:\/\/roccia-rosa.fr\/wp-content\/uploads\/2015\/05\/image-07-550x250.jpg",550,250,true],"hoot-wide":["https:\/\/roccia-rosa.fr\/wp-content\/uploads\/2015\/05\/image-07-840x470.jpg",840,470,true],"hoot-extra-wide":["https:\/\/roccia-rosa.fr\/wp-content\/uploads\/2015\/05\/image-07-945x530.jpg",945,530,true]},"uagb_author_info":{"display_name":"Ga\u00ebl PHILIPPOT","author_link":"https:\/\/roccia-rosa.fr\/index.php\/author\/gael\/"},"uagb_comment_info":0,"uagb_excerpt":"Default Text Align &#8211; Left Align This is a paragraph. It is left aligned. Because of this, it is a bit more liberal in it&#8217;s views. It&#8217;s favorite color is green. Left align tends to be more eco-friendly, but it provides no concrete evidence that it really is. Even though it likes share the wealth&hellip;","pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/roccia-rosa.fr\/index.php\/wp-json\/wp\/v2\/posts\/171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roccia-rosa.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/roccia-rosa.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/roccia-rosa.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roccia-rosa.fr\/index.php\/wp-json\/wp\/v2\/comments?post=171"}],"version-history":[{"count":0,"href":"https:\/\/roccia-rosa.fr\/index.php\/wp-json\/wp\/v2\/posts\/171\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/roccia-rosa.fr\/index.php\/wp-json\/wp\/v2\/media\/317"}],"wp:attachment":[{"href":"https:\/\/roccia-rosa.fr\/index.php\/wp-json\/wp\/v2\/media?parent=171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/roccia-rosa.fr\/index.php\/wp-json\/wp\/v2\/categories?post=171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/roccia-rosa.fr\/index.php\/wp-json\/wp\/v2\/tags?post=171"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/roccia-rosa.fr\/index.php\/wp-json\/wp\/v2\/post_folder?post=171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}