// Tutorials / Ordered and Unordered lists in HTML

In HTML we have what is called ordered lists and unordered lists, these are used for larger collection of links.

Instead of simply separating links with a br, its recommended to either use something like a "-" between. Or better yet, insert your links in lists.

Unordered lists

Unordered lists is usually a bullet list of items, a bullet is placed in front of each link. An unordered list looks something like below:

• List Item
• List Item
• List Item

Ordered lists

Often a numbered list, a number is placed in front of each link. Example shown below:

1. List Item
2. List Item
3. List Item

Lists in Usability

Using lists for your navigation links is suposed to make it easier for screen readers, it will also allow more advanced styling of your links through CSS.

Example

Below is a code example showing an Ordered lists:

<ol>
 <li>List Item<li>
 <li>List Item<li>
 <li>List Item<li>
 <li>List Item<li>
 <li>List Item<li>
</ol>

You should Style your lists with CSS.