HTML Lists
There are three types of lists, they are: Ordered list, Unoredered list and a definition list.
In this section i will not give you the whole page code, as it would take up alot of room. Just simply add the
list code to your page.
Ordered and Unordered HTML Lists
The ordered list starts with the ol tag and the unordered list starts with the ul tag. Between the ol and ul tags goes the li tag, which adds a 'list item' for everytime added. eg.
Ordered list:
The ordered list is commonly used for steps on a webpage. As it shows numbers at the start of every li tag. eg.
<ol> <li> Step number 1 </li> <li> Step number 2 </li> <li> Step number 3 </li> </ol>
Unordered list:
Unordered lists are very commonly used. I use an Unordered list at the bottom of this page for the tips. This type of list displays bullets, hence not ordered. eg.
<ul> <li> Quote of the day </li> <li> Quote of the month </li> <li> Quote of the year </li> </ul>
Definition HTML List
Definition lists are most commonly used for glossaries. This type of list is rarly used. The definition list involes a few different tags then the Ordered or the Unordered list. The definition list starts with the dl tag. Between the <dl> and </dl> tags go the <dt> and <dd> tags. eg.
<dl> <dt> This is the Definition Term </dt> <dd> This is where the Definition Description goes </dd> <dt> HTML </dt> <dd> A code used for making web pages, HTML is an abbreviation for Hyper Text Markup Language. </dd> </dl>
- Use the definition list in glossaries
In the next section of this beginner HTML tutorial you will learn how to create tables.
Next page: HTML Tables
Back: Beginner HTML tutorial: Index

