In the last two tutorials we have discussed the Unordered <UL></UL> and the Ordered <OL> </OL> List tags and the way we use them in conjunction with the List Item <LI> tag.
There are several neat things you can do with the basic List tags:
You can choose how you want the 'bullets' in an Unordered List to be shown, and you can even specify what sort of 'numbers' you want an Ordered List to display... heck you can tell your Ordered Lists what number to start listing at!
DEFINING BULLET TYPES IN UNORDERED LISTS
We can use the TYPE= attribute to define how we want the Unordered bullets to look:
TYPE="DISC"
TYPE="CIRCLE"
TYPE="SQUARE"
So, if you want ALL of your recipe items to have SQUARE 'bullets' just add the TYPE= attribute, like this, to your <UL> tag:
My Cool New Recipe
<UL TYPE="SQUARE">
<LI> 1 egg white
<LI> 1 cup of milk
<LI> 2 cups of flour
<LI> 1 tablespoon of sugar
</UL>
The CIRCLE appears like a thin donut, the DISC appears as the filled-in circle you have already seen, and the SQUARE appears as a filled-in square box.
The really cool part about this TYPE= attribute is that you can ALSO specify the type of 'bullet' you want EACH individual List item to have, by including the TYPE= attribute in the <LI> tag:
My Cool New Recipe
<UL>
<LI TYPE="CIRCLE"> 1 egg white
<LI TYPE="SQUARE"> 1 cup of milk
<LI TYPE="DISC"> 2 cups of flour
<LI> 1 tablespoon of sugar
</UL>
Very simple coding!
DEFINING NUMBER TYPES IN AN ORDERED LIST:
The Ordered List tag has several attributes that work exactly the same way as the Unordered List tag attributes we discussed above:
TYPE="A" (Upper Case Letters... ie, A,B,C etc.)
TYPE="a" (lower case letters... ie, a,b,c etc.)
TYPE="I" (Upper Case Roman Numerals... ie,II,III,IV etc.)
TYPE="i" (lower case roman numerals... ie,ii,iii,iv etc.)
TYPE="2" (Standard numbers... ie, 1,2,3 etc.)
Now, just as with the Unordered Lists you can either use these attributes in the <OL> opening tag or in the individual <LI> List Item tags!
DEFINE THE STARTING NUMBER IN AN ORDERED LIST:
Let's say you want a numbered list that starts at 100. It is simple to specify a Starting Number in your list:
Cool Sites from 100-200
<OL START="100">
<LI> Gazoo's Gold
<LI> Fortress of Solitude
<LI> Ktoon's Secret Garden
blah blah blah
</OL>
TIPS TO REMEMBER:
Always use quotes around the attribute values: TYPE="CIRCLE"
When using the TYPE="DISC" attribute, make sure you spell D-I-S-C correctly.
