The Disturbed Web Authoring Tutorials

The Disturbed Web Authoring Tutorials [ H T M L ] The Disturbed Web Authoring Tutorials

[ T u t o r i a l s ] [ H T M L ] [ C S S ] [ D H T M L ] [ T i p s ] [ D e s i g n ] [ M i s c ] [ A d d L i n k ] [ A d v e r t i s e ] [ F e e d b a c k ] [ C o n t a c t ] [ H o m e ]	Lesson Seven Lists Lists are useful to format your information in a useful and readable way! There are 3 main types of lists, here are examples of each. This is a unordered list This is a unordered list This is a ordered list This is a ordered list This is a definition list This is a definition list So i guess you want to know how to make these now don't you, so I guess i will show you Unordered Lists An unordered list is a list that has dot points on the left had side. Here is the code for a unordered list <UL> <LI>Insert Text Here <LI>Insert Text Here </UL> How easy is that. For every dot point you want, all you do is add another <LI> and type the text you want beside it. A nice thing about unordered lists is that the dot on the side dosn't have to be that shape. Look at this. Unordered list - Disc Unordered list - Square Unordered list - Circle To get these, all you have to do is add an attribute to the <UL> tag. <UL TYPE=SQUARE> is all you have to do to make it a square, and to make it a circle, just replace square with circle!! Ordered Lists The only difference between ordered and unordered lists is that an ordered list has numbers, or letters, or roman numerals instead of dots. Here is the code for an ordered list. <OL> <LI>Insert Text Here <LI>Insert Text Here <OL> To change the list so it is roman numerals, or letters is just the same as an ordered list. Using <OL TYPE=A> gives you a list with capital letters instead of numbers. Below is examples, and the type code for the different types. Small letters TYPE=a Capital letters TYPE=A Small Roman Numerals TYPE=i Large Roman Numerals TYPE=I Definition Lists Definition Lists are a little different than the other two types of lists described so far, because they do not have dots, or other characters on the left hand side. These lists are useful if, as the name suggests, wish to define somthing in an ordered way. Here is an extra example of a definition list. This is what i want to define This is the definition Something with no definition Another thing i wish to define And here is it's definition I know it might look a bit complicated on this page, but anyways, here is the code for it. <DL> <DT>This is the topic <DD>This is the definition </DL> All you have to remember is that that the <DD> tag makes the list indent. Now you are the list master, now it is time for the next lesson.

[ T u t o r i a l s ]

[ H T M L ]
[ C S S ]
[ D H T M L ]

[ T i p s ]

[ D e s i g n ]

[ M i s c ]

[ A d d L i n k ]
[ A d v e r t i s e ]
[ F e e d b a c k ]
[ C o n t a c t ]

[ H o m e ]

Lesson Seven

Lists

Lists are useful to format your information in a useful and readable way!

There are 3 main types of lists, here are examples of each.

This is a unordered list
This is a unordered list

This is a ordered list
This is a ordered list

This is a definition list: This is a definition list

So i guess you want to know how to make these now don't you, so I guess i will show you

Unordered Lists
An unordered list is a list that has dot points on the left had side. Here is the code for a unordered list

<UL>
<LI>Insert Text Here
<LI>Insert Text Here
</UL>

How easy is that. For every dot point you want, all you do is add another <LI> and type the text you want beside it. A nice thing about unordered lists is that the dot on the side dosn't have to be that shape. Look at this.

Unordered list - Disc

Unordered list - Square

Unordered list - Circle

To get these, all you have to do is add an attribute to the <UL> tag. <UL TYPE=SQUARE> is all you have to do to make it a square, and to make it a circle, just replace square with circle!!

Ordered Lists
The only difference between ordered and unordered lists is that an ordered list has numbers, or letters, or roman numerals instead of dots. Here is the code for an ordered list.

<OL>
<LI>Insert Text Here
<LI>Insert Text Here
<OL>

To change the list so it is roman numerals, or letters is just the same as an ordered list. Using <OL TYPE=A> gives you a list with capital letters instead of numbers. Below is examples, and the type code for the different types.

Small letters
TYPE=a

Capital letters
TYPE=A

Small Roman Numerals
TYPE=i

Large Roman Numerals
TYPE=I

Definition Lists
Definition Lists are a little different than the other two types of lists described so far, because they do not have dots, or other characters on the left hand side. These lists are useful if, as the name suggests, wish to define somthing in an ordered way. Here is an extra example of a definition list.

This is what i want to define: This is the definition
Something with no definition
Another thing i wish to define: And here is it's definition

I know it might look a bit complicated on this page, but anyways, here is the code for it.

<DL>
<DT>This is the topic
<DD>This is the definition
</DL>

All you have to remember is that that the <DD> tag makes the list indent.

Now you are the list master, now it is time for the next lesson.

Last modified Thursday 27 January 2000