Site hosted by Angelfire.com: Build your free website today!
Contents

* Getting started
* DOCTYPE declaration
* META & TITLE tags
* Colour & layout
- Text organization * Images
* Tables
* Validation

[Home]
IMHO, lists are a wonderful thing. they are really easy to use and they provide for very user-friendly browsing. The main thing that you should always keep in mind while making a page with lists is that each and every list item must be marked off as one.
First, let's look at definition lists - they are an invaluable tool in layout, and you don't have to have a dictionary site/page to make use of them. See for yourself:
<DL> [this starts your definition list]
<DT>Term to define</DT>
<DD>
Defnition of term</DD>
</DL>
[this ends your definition list]
The Matrix
The Matrix is the world that has been pulled over your eyes to blind you from the truth. [What truth?] That you are a slave... Like everyone else, you were born into bondage. Born into a prison that you cannot smell or taste or touch. A prison... for your mind.
You can add line breaks and change colours within a list, too.
Now, there are two other types of lists: ordered and unordered. Let's look at ordered lists first. Ordered lists are those that have their items numbered. Let me demonstrate.
1 lista listi listA listI list
<OL TYPE=1>
<LI>Item
<LI>Item
<LI>Item
</OL>
<OL TYPE=a>
<LI>Item
<LI>Item
<LI>Item
</OL>
<OL TYPE=i>
<LI>Item
<LI>Item
<LI>Item
</OL>
<OL TYPE=A>
<LI>Item
<LI>Item
<LI>Item
</OL>
<OL TYPE=I>
<LI>Item
<LI>Item
<LI>Item
</OL>
  1. Item
  2. Item
  3. Item
  1. Item
  2. Item
  3. Item
  1. Item
  2. Item
  3. Item
  1. Item
  2. Item
  3. Item
  1. Item
  2. Item
  3. Item
Note that if you want your ordered list to start from a particular number/letter, you have to specify that by beginning in with <OL START=#>, where # is the number/letter.
Also, if you simply type <OL>, without specifying the type, then the list will default to a numbered one - that's just the way it goes :)

Unordered lists are the `pretty' ones:

BulletSquare Circle
<UL
TYPE="disc">
<LI>Item
<LI>Item
<LI>Item
</UL>
<UL TYPE="square">
<LI>Item
<LI>Item
<LI>Item
</UL>
<UL TYPE="circle">
<LI>Item
<LI>Item
<LI>Item
</UL>
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
Note that if you simply type <UL>, the list will default to bullets. Also, if you want to change colours within a list [ordered or unordered], you can, but the bullets/letters/numbers will still be the colour you specify in the TEXT attribute of your document's BODY element.
One last note about lists: they can be nested, and an unordered nested list will automagically `change' its type as you call more lists, but with an ordered list, you have to specify the type of list to be nested, if you want them to look different:
Ordered Unordered
<OL>
<LI>
<OL TYPE=a>
<LI>
<OL TYPE=i>
<LI>
</OL></OL></OL>
<UL>
<LI>Item
<UL>
<LI>Item
<UL>
<LI>Item
</UL></UL></UL>
  1. Item
    1. Item
      1. Item
  • Item
    • Item
      • Item
Well, congratulations :) You made it through the text organization section - by far the largest one, because it is the text organization that matters most in user-friendly HTML web design. Now let's look at how to deal with pictures.

[Previous page] [Next page]