Lists are a great way of presenting data. Lists have various styles of presentation and this guide will take you through the different layouts achievable with list tags .
There are 3 main types of list (there are more but they are getting depreciated so I won't cover them here)
Let's look at the list types we will be looking at.
The Un-Ordered list
|
The Ordered list
|
The Definition list
|
Before we start let's clear up a few issues regarding lists. While learning my trade I have discovered a lot of mis-information about lists. So to clarify the position before we start I will explain the aim of the guide.
The guide will concentrate on the 3 main list types - others are being depreciated so it is not recommended that they be used.
Next is valid syntax and nesting. You may have heard that the closing </li> is optional - while this is sort of true it can cause problems with nested lists and with validation etc.
The guide will only show you proper formatting with code that passes validation. Any list attributes that do not validate will be excluded.
So there you have it, now all the rambling is out of the way we can look lists in more detail, starting with the un-ordered list.