Back to Index Lists Fonts Formats Images Links Onward to the next 6



August's HTML Crash Course - Lists

A handy way to organize your texutal information is in the form of a list. Lists are wonderful things. You can do so many things with them. To the best of my knowledge, there are three [count 'em, 3] kinds of lists. There are bulleted lists, also known as unordered lists, numbered lists, also known as ordered lists, and definition lists, also known as... ummm... definition lists.

The actual list tags themselves are pretty straight-forward. For the ordered lists, the opening tag that declares the list to begin is <OL>, and the tags for the list items themselves are <LI>. If you want to do an unordered list, the list item tags look the same, but the opening tag is <UL>. Defenition lists are a little more tricky. To open the list, use <DL> then you have another tag, for the term you want defined, which is <DT>. The code for the definitions themselves then, is <DD>.

I'll give you two examples. First, an unordered list about... ummm... fish. I'll show you the code, and then you can see what I mean in the paragraph above.

<UL>
<LI>Fish live under water.
<LI>Fish swim a lot better than me.
</UL>
You'll notice that I didn't close the <LI> tags. That's because, as I mentioned above, it isn't necessary. Ordrered lists work in exactly the same way. Now, I'll give you an example of a defenition list. It can be about... umm... more fish.
<DL>
<DT>Fish
<DD>Cool aquatic critters that live under water.
<DT>Tropical Fish
<DD>Cool aquatic critters that live under water in the tropics.
</DL>
You will notice that the <DT> and the <DD> follow one after the other. This has to happen that way, because each <DT> represents a term needing to be defined, and each <DD> represents the defenition of the term above it.

That's more or less it, in terms of lists. So the next thing we're going to talk about is formatting text instead of just adding it. I'll show you how to make things bold, how to add headers, and how to change fonts, and adjust the size. Moving along...

Back to Text     Onward to Fonts

c: august@vestige.org h: http://www.vestige.org