64 lines
2.0 KiB
HTML
64 lines
2.0 KiB
HTML
<!DOCTYPE html PUBLIC "-//w3c//dtd html 4.0 transitional//en">
|
|
<html>
|
|
<head><title>Lists Test Page</title></head>
|
|
<body>
|
|
|
|
<h1>Welcome to a List of Lists</h1>
|
|
Lists are not only fun to make, they are fun to use. They help us:
|
|
|
|
<ol>
|
|
<li>remember what the heck we are doing each day</li>
|
|
<li>arrange long and arbitrary lines of text into ordered lists that are pleasing to the eye and suggest some sense of priority, even if it is artificial</li>
|
|
<li>look really cool when we carry them around on yellow Post-Its<font size="-2">tm.</font></li>
|
|
<li><font size="-0">and that other thing I keep forgetting.</font></li>
|
|
</ol>
|
|
|
|
Your ordered lists can start at a strange number, like:
|
|
|
|
<ol start="6" type="I">
|
|
<li><font size="-0">And use roman numerals,</font></li>
|
|
<li type="a"><font size="-0">You might try using letters as well,</font></li>
|
|
<li type="A"><font size="-0">Maybe you prefer Big Letters,</font></li>
|
|
<li type="i"><font size="-0">or small roman numerals</font></li>
|
|
<li type="disc"><font size="-0">But discs belong to unordered lists</font></li>
|
|
<li value="50" type="1"><font size="-0">Though you can set the value in a list item!</font></li>
|
|
</ol>
|
|
|
|
Unordered list:
|
|
<ul>
|
|
<li>listing item
|
|
<ul>
|
|
<li>first sublevel
|
|
<ul>
|
|
<li>look for the bullet on
|
|
<ul>
|
|
<li>each sublevel</li>
|
|
<li>they should all be different, except here.</li>
|
|
</ul>
|
|
</li>
|
|
<li><font size="-0">second sublevel</font></li>
|
|
</ul>
|
|
</li>
|
|
<li type="square">or you can specify a square
|
|
<ul>
|
|
<li type="circle">if your TYPE is circle</li>
|
|
<li type="disc">or even a disc</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li type="square">Franz Liszt
|
|
<ul>
|
|
<li>was a composer who was not square</li>
|
|
<li type="disc">would have liked the Who</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<ul type="circle">
|
|
<li>feeling listless</li>
|
|
<li color="#FFFF00" type="square">blah, blah, blah</li>
|
|
<li type="disc">whine, whine, whine</li>
|
|
</ul>
|
|
|
|
</body></html>
|