review-mvp.html

<html>
<head>
<title>LUNCHTML 2.0 - Review: MVP Tags</title>
<link rel="stylesheet" type="text/css" href="style-review.css" />
<link href='http://fonts.googleapis.com/css?family=Ribeye+Marrow' rel='stylesheet' type='text/css'>
</head>
<body>
<h1>The MVP Tags</h1>

<a name="html"></a>
<br/><br/><br/>
<h2>&lt;html&gt;, &lt;head&gt;, &lt;title&gt; &amp; &lt;body&gt; </h2>
HTML:
<pre>
    &lt;html&gt;
        &lt;head&gt;
            &lt;title&gt;
                Hello World Page
            &lt;/title&gt;
        &lt;/head&gt;
        &lt;body&gt;
            Hello, world.
        &lt;/body&gt;
    &lt;/html&gt;
</pre>

<div class="nav">
<a href="#html">&lt;html&gt; &lt;head&gt; &lt;title&gt; &amp; &lt;body&gt;</a> |
<a href="#a">&lt;a&gt;</a> |
<a href="#img">&lt;img&gt;</a> |
<a href="#p">&lt;p&gt;</a> |
<a href="#br">&lt;br&gt;</a>
</div>



<a name="a"></a><br/><br/><br/><h2>&lt;a&gt;</h2>
HTML:
<pre>
 	&lt;a href="http://www.pcmag.com" title="PCMag Website"&gt;Put the 'PC' back in your Mac!&lt;/a&gt;
</pre>
RESULT:&nbsp;&nbsp;<a href="http://www.pcmag.com" title="PCMag Website">Put the 'PC' back in your Mac!</a>
<div class="nav">
<a href="#html">&lt;html&gt; &lt;head&gt; &lt;title&gt; &amp; &lt;body&gt;</a> |
<a href="#a">&lt;a&gt;</a> |
<a href="#img">&lt;img&gt;</a> |
<a href="#p">&lt;p&gt;</a> |
<a href="#br">&lt;br&gt;</a>
</div>


<a name="img"><br/><br/><br/><h2>&lt;img&gt;</h2>
HTML:
<pre>
	&lt;img src="dancing-banana.gif"&gt;
</pre>
RESULT:&nbsp;&nbsp;<img src="dancing_banana.gif">
<div class="nav">
<a href="#html">&lt;html&gt; &lt;head&gt; &lt;title&gt; &amp; &lt;body&gt;</a> |
<a href="#a">&lt;a&gt;</a> |
<a href="#img">&lt;img&gt;</a> |
<a href="#p">&lt;p&gt;</a> |
<a href="#br">&lt;br&gt;</a>
</div>



<a name="p"><br/><br/><br/><h2>&lt;p&gt;</h2>
HTML:
<pre>
	&lt;p&gt;Some riveting text here.&lt;/p&gt;
	&lt;p&gt;Some OTHER riveting text here.&lt;/p&gt;
</pre>
RESULT:&nbsp;&nbsp;<p>Some riveting text here.</p>
	<p>Some OTHER riveting text here.</p>
<div class="nav">
<a href="#html">&lt;html&gt; &lt;head&gt; &lt;title&gt; &amp; &lt;body&gt;</a> |
<a href="#a">&lt;a&gt;</a> |
<a href="#img">&lt;img&gt;</a> |
<a href="#p">&lt;p&gt;</a> |
<a href="#br">&lt;br&gt;</a>
</div>



<a name="br"><br/><br/><br/><h2>&lt;br&gt;</h2>
HTML:
<pre>
&lt;p&gt;
    Some riveting text here.
    &lt;br&gt;
    &lt;br&gt;
    Some OTHER riveting text here.
&lt;/p&gt;
</pre>
RESULT:
<p>
    Some riveting text here.
	<br>
	<br>
	Some OTHER riveting text here.
</p>
<div class="nav">
<a href="#html">&lt;html&gt; &lt;head&gt; &lt;title&gt; &amp; &lt;body&gt;</a> |
<a href="#a">&lt;a&gt;</a> |
<a href="#img">&lt;img&gt;</a> |
<a href="#p">&lt;p&gt;</a> |
<a href="#br">&lt;br&gt;</a>
</div>


</body>
</html>