// References / HTML OL, UL and LI Tags

The <ol> and <ul> tags are used to create lists. Ol stands for ordered lists, while ul stands for unordered lists. Both tags are used togetter with <li> Tags.

They are both useful to make your pages more accessible for screen readers. Used right, you don't need to inclose your lists, or navigation menus in division tags, since ol and ul are block level elements, you can use them to your advantage.

Example:

<ol>
 <li><a href="http://www.blueboden.com/"></a></li>
</ol>

The above is a list with a simple link, and shows how to use ol togetter with li tags, li stands for list item. For each item you need an additional li around it, example below:

<ul>
 <li><h3>Heading</h3></li>
 <li><p>Item 1</p></li>
 <li><p>Item 2</p></li>
</ul>

Note:You are also allowed to use headings and paragraphs inside li tags, like done above.