Home > Tutorials > HTML > Lists

Lists

Okay, tables, block elements and inline elements are all well and good, but what if I want to make a list? Well, there are six different elements available for you to describe the parts of a list on your webpage:

<ul>
Start off any unordered (i.e., bulleted) list with this tag.
<ol>
Meanwhile, ordered lists (useful for things such as directions) will be placed inside this tag.
<li>
The actual list items will go inside here. Do not number or bullet the list items, the browser does all of that for you.
<dl>
Use this whenever you have a list of items for which you are going to explain their meaning or significance. This list of six elements is inside a dl list.
<dt>
Items in definition lists are organized slightly different from ordered and unordered lists. Instead of using <li>, they use this tag for the definition term (in this instance, <dt>). This is then followed by a...
<dd>
Definition. Fairly straight forward, place the definition of your term here.

Excercise: Open "MyFirstPage.html". Edit your current page, and find a way to include at least one form of list, whether it be ordered, unordered, or a definition list.

If your code looks like mine, you've succeeded, and can go on to another lesson.

<<PreviousNext>>

Comment on this page:

Your information Name:
Email:
Hide Email?
Enter the 5 characters shown.
Request another image.
Prove your human:
Comments Overall page rating:

Comments

No one has commented on this lesson yet. You can be the first!