2012-04-15 18:07:27Morris

[HTML] More with HTML

Lists, Comments, and Going to the Source

<ul>
    <li>a pony</li>
    <li>world peace</li>
    <li>iPhone 7</li>
</ul>


<ul>
    <ol>
    <li>Amass wealth.</li>
    <li>Charm my way into meetings with world leaders.</li>
    <li>Hypnotize them and take over their countries.</li>
    <li>Cackle maniacally and stroke my hairless cat.</li>
    </ol>
</ul>

<!-- Make me into a comment -->

But leave me visible to the user!


Make Your Text Purdy

<p style="text-align:center;color:red;font-size:9">Say it ain't so, I will not go</p>

<p style="text-align:center;color:red;font-size:9">Turn the lights off, carry me home</p>

<p style="text-align:center;color:red;font-size:9">Keep your head still, I'll be your thrill</p>

<p style="text-align:center;color:red;font-size:9">The night will go on</p>

<p style="text-align:center;color:red;font-size:9">My little windmill</p>



Give Your Words Some Oomph

<html>

    <head>
        <title>Oomph</title>
    </head>
   
    <body>
       
        <p>
            <em><strong>
            Hey, don't do that!
            </strong></em>
        </p>
       
    </body>
</html>


Table Fable

<html>
    <head>
        <title>Table Fable</title>
    </head>
   
    <body>
       
        <table border="1px">
            <tr>
                <td>Helen Mirren</td>
                <td>1945</td>    
            </tr>
           
            <tr>
                <td>Brad Pitt</td>
                <td>1963</td>
            </tr>
           
            <tr>
                <td>Ryan Gosling</td>
                <td>1980</td>
            </tr>
        </table>
       
    </body>

</html>