<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>html &#8211; La Magie de Soi</title>
	<atom:link href="https://lamagiedesoi.fr/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link>https://lamagiedesoi.fr</link>
	<description></description>
	<lastBuildDate>Sat, 15 Sep 2018 02:20:34 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>
	<item>
		<title>Markup: HTML Tags and Formatting</title>
		<link>https://lamagiedesoi.fr/markup-html-tags-and-formatting/</link>
					<comments>https://lamagiedesoi.fr/markup-html-tags-and-formatting/#respond</comments>
		
		<dc:creator><![CDATA[La Magie de Soi]]></dc:creator>
		<pubDate>Sat, 15 Sep 2018 02:20:34 +0000</pubDate>
				<category><![CDATA[WordPress Posts]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[formatting]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[markup]]></category>
		<guid isPermaLink="false">https://demo.wphoot.com/chromatic/?p=1</guid>

					<description><![CDATA[Header one Header two Header three Header four Header five Header six 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,]]></description>
										<content:encoded><![CDATA[<h1>Header one</h1>
<h2>Header two</h2>
<h3>Header three</h3>
<h4>Header four</h4>
<h5>Header five</h5>
<h6>Header six</h6>
<h4>Default Text Align &#8211; Left Align</h4>
<p style="text-align: left">This is a paragraph. It is left aligned. Because of this, it is a bit more liberal in it&rsquo;s views. It&rsquo;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>
<h4>Center Align</h4>
<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>
<h4>Right Align</h4>
<p style="text-align: right">This is a paragraph. It is right aligned. It is a bit more conservative in it&rsquo;s views. It&rsquo;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&rsquo;s a pretty good shot from at least four or five football fields away. Dead on. So boss.</p>
<h4>Justify Align</h4>
<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&rsquo;s place and not all cattywampus&nbsp;like 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&nbsp;elitist&nbsp;attitude.</p>
<h4>Blockquotes</h4>
<p>Single line blockquote:</p>
<blockquote><p>Stay hungry. Stay foolish.</p></blockquote>
<p>Multi line blockquote with a cite reference:</p>
<blockquote><p>People think focus means saying yes to the thing you&rsquo;ve got to focus on. But that&rsquo;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&rsquo;m actually as proud of the things we haven&rsquo;t done as the things I have done. Innovation is saying no to 1,000 things.<br />
<cite>Steve Jobs &#8211; Apple Worldwide Developers&rsquo; Conference, 1997</cite></p></blockquote>
<h4>Tables</h4>
<table>
<thead>
<tr>
<th>Employee</th>
<th>Salary</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<th><a href="http://example.org/">John Doe</a></th>
<td>$1</td>
<td>Because that&rsquo;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>
<h4>Definition Lists</h4>
<dl>
<dt>Definition List Title</dt>
<dd>Definition list division.</dd>
<dt>Startup</dt>
<dd>A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.</dd>
<dt>#dowork</dt>
<dd>Coined by Rob Dyrdek and his personal body guard Christopher « Big Black » Boykins, « Do Work » works as a self motivator, to motivating your friends.</dd>
<dt>Do It Live</dt>
<dd>I&rsquo;ll let Bill O&rsquo;Reilly will <a title="We'll Do It Live" href="https://www.youtube.com/watch?v=O_HyZ5aW76c">explain</a> this one.</dd>
</dl>
<h4>Nested Unordered Lists</h4>
<ul>
<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>
<h4>Nested Ordered Lists</h4>
<ol>
<li>List item one
<ol>
<li>List item one
<ol>
<li>List item one</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>
<h4>Ordered &#8211; Unordered &#8211; Ordered</h4>
<ol>
<li>ordered item</li>
<li>ordered item
<ul>
<li>unordered</li>
<li>unordered
<ol>
<li>ordered item</li>
<li>ordered item</li>
</ol>
</li>
</ul>
</li>
<li>ordered item</li>
<li>ordered item</li>
</ol>
<h4>Ordered &#8211; Unordered &#8211; Unordered</h4>
<ol>
<li>ordered item</li>
<li>ordered item
<ul>
<li>unordered</li>
<li>unordered
<ul>
<li>unordered item</li>
<li>unordered item</li>
</ul>
</li>
</ul>
</li>
<li>ordered item</li>
<li>ordered item</li>
</ol>
<h4>HTML Tags</h4>
<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="Apple" href="http://apple.com">link</a>.</p>
<p><strong>Abbreviation Tag</strong></p>
<p>The abbreviation <abbr title="Seriously">srsly</abbr> stands for « seriously ».</p>
<p><strong>Big Tag&nbsp;<strong>(<em>deprecated in HTML5</em>)</strong></strong></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>« Code is poetry. » &#8212;<cite>Automattic</cite></p>
<p><strong>Code Tag</strong></p>
<p>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>strikeout text</del>, but this tag is no longer supported in HTML5 (use the <code>&lt;strike&gt;</code> instead).</p>
<p><strong>Insert Tag</strong></p>
<p>This tag should denote <ins>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 styles large blocks of code.</p>
<pre>.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
	and 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;
}</pre>
<p><strong>Quote Tag</strong></p>
<p><q>Developers, developers, developers&#8230;</q> &#8211;Steve Ballmer</p>
<p><strong>Strike Tag&nbsp;<strong>(<em>deprecated in HTML5</em>)</strong></strong></p>
<p>This tag shows <span style="text-decoration: line-through">strike-through text</span></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 « 2 » down.</p>
<p><strong>Superscript Tag</strong></p>
<p>Still sticking with science and Isaac Newton&rsquo;s E = MC<sup>2</sup>, which should lift the 2 up.</p>
<p><strong>Teletype Tag&nbsp;<strong>(<em>deprecated in HTML5</em>)</strong></strong></p>
<p>This rarely used tag emulates <tt>teletype text</tt>, which is usually styled like the <code>&lt;code&gt;</code> tag.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://lamagiedesoi.fr/markup-html-tags-and-formatting/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
