CodeNique - Free Tutorials on HTML, XHTML, CSS and More Online!

Now I’m going to show you how to make an unordered list. We will be using the <ul> tag, which stands for unordered list, we will also need the <li> tag, which stands for list, both tags require an end tag. Unordered lists are the most widely used lists on the Web. Unordered lists where designed to be used for listing any collection of items that have no particular order to be listed.

Now I’m going to show you how to make an ordered list, which is just like an unordered list except that the items are numbered. We will be using the <ol> tag, which stands for ordered list instead of the <ul> tag, we will still need the <li> tag, which stands for list, both tags require an end tag.

A definition list is the best way to present a glossary, a list of terms, descriptions or anything else you see fit.

When nesting your lists you may nest one type of list in another, for example the <dl>, <ul> and <ol> tags may all be nested together or you can nest your lists in the same type of list, for example you can nest an unordered list inside another unordered list, its all up to you. You may not however nest lists inside directories also known as the <dir> tag, also you cannot nest lists inside menus also known as the <menu> tag. Both tags have since been deprecated and are not recommended to be used. You can however embed the <menu> and <dir> tags inside other lists.

If you really need a header for your lists in place of the long forgotten and departed <lh> tag, XHTML 2.0 includes the <label> tag. Just to let you know is that XHTML 2.0 will no longer be supported so it will be wise not to use the <label> tag for your lists headers.

Take this tutorial more as a history lesson, because sadly to say is that the <lh> tag was part of the HTML 3.0 draft but was never included in a future release. But if you are still looking for a header for your lists XHTML 2.0 has included one in there XHTML 2.0 Module which is called the <label> tag I know you are probably saying to your selves there is already a <label> tag for forms, well I hate to burst your bubble but it’s for lists as well, but sadly XHTML 2.0 has been killed and is now R.I.P for ever.

In XHTML 2.0, the <nl> tag is introduced to us. The <nl> tag is short for navigational list. Sadly XHTML 2.0 is no longer supported so take this tutorial as what it could have been if XHTML 2.0 was still with us.

What if you want to change your lists bullet character. In order to do this we will need to use the type attribute, which has been deprecated in favor of the CSS list-style-type property. I would explain how to use the CSS list-style-type property, which has replaced the type attribute, but this is a tutorial about HTML & XHTML, so I will explain the type attribute instead.