Lists are great. There are many elements that you might include on yourweb pages that are ideally marked up as a list and lists are easilystyled with CSS to make them far more interesting to look at than thedefault styles used by the browser. In this article we will look at thethree different types of list available in (X)HTML and which one youshould use for which purpose. We will also explore how you can nestlists, for when you need a list within a list. The final part of thistutorial looks at the basics of styling lists with CSS, once youunderstand the basics you will be able to create attractive lists justby experimenting with applying different effects.?

The lists

The three types of list in (X)HTML are unordered, ordered anddefinition lists. They should each be used appropriately, and in thefirst part of the tutorial we will see which to use, and why.

Unordered lists

Unordered lists should be used for lists of items that do not have anyparticular order. A navigation menu on your site is most likely to bean unordered list as the user can pick anywhere to go from the list oflinks  they dont have to visit them in order. A list of ingredientsfor a recipe is also an unordered list, the steps of the recipe willtell you in which order the ingredients are used, the list of items issimply so you can go and poke around in your cupboards to ensure youhave the right ingredients to make the recipe.

Creating an unordered list in Dreamweaver

To create the list in Dreamweaver, click your cursor into the locationin the document where you wish your first list item to be, then clickthe Unordered List button In the Properties Inspector.

Read More

?