<ol> and </ol>, <ul> and </ul> and <li> and </li>
Lists, in HTML, group related items with or without a specific hierarchy or chronology. Lists are the first Compound Tags we will discuss. Most HTML tags involve a pair of similar tags, one to start a behavior and one to stop it. But Lists, Tables and Forms require additional tags that help to further define the behavior that is starting and stopping in the other tags. Lists require at least four tags, and that would only describe a list with a single item! We first have to indicate the beginning and ending of a list and what type it is, and then identify what data are items of that list.
We indicate either <ol> or <ul> to begin an Ordered or Un-ordered list, ending of course with </ol> and </ul>. Whichever list type we are using, list items always begin with <li> and finish with </li>.
An Ordered List
Perfect for Step-by-Step Instructions; Can be Styled and Nested; Can Start with Any Letter or Number.
<ol>
<li>Crawl</li>
<li>Walk</li>
<li>Run</li>
</ol>
- Crawl
- Walk
- Run
An Unordered List
General Instructions, Related Groupings, etc.; Increasingly Styled and Used for Navigation; Can be Styled (with Images!) and Nested.
<ul>
<li>Larry</li>
<li>Curly</li>
<li>Moe</li>
</ul>
- Larry
- Curly
- Moe
Place either an ordered or an unordered list on your page, now. Save the page and view it in your browser. While we are working on that, are there any questions about Lists or anything else we have covered?
[ · ]
