Using Lists

Check your book for more details.

There are three types of lists:

  1. Ordered Lists for numbering or lettering lists.
  2. Unordered Lists for bulleting random lists.
  3. Definition Lists for indenting a definition of a term.

    ORDERED LISTS

    The general HTML code looks like this: <OL TYPE=SYMBOL>.

    The SYMBOL is what will appear in front of each line in the list. Use A for capital letters, a for small letters, I for capital roman numerals, i for small roman numerals and 1 for numbers. Not declaring a symbol style will appear as the default numbers(1.,2.,3.,etc.)

    Each line in the list should start with <LI>.

    End the list with </OL>.

    UNORDERED LISTS

    The general HTML code looks like this: <UL TYPE=SHAPE>.

    The SHAPE is what will be used in front of each line in the list. Use DISC, CIRCLE or SQUARE. The default is DISC(a bullet).

    Each line in the list should start with <LI>.

    End the list with </UL>.

    DEFINITION LISTS

    The general HTML code looks like this: <DL>.

    Each indented line in the definition should start with <DD>.

    End the list with </DL>

    **Hint: Since there is currently no accepted tag for indenting, you can use the tag <DD> in front of any line of text you want indented.

    Some examples follow. The browser view is shown with the HTML text directly below.

Top three reasons for going to school are:
  1. Meet new friends
  2. Get a diploma
  3. Keep your teachers employed
Note: No TYPE attribute is necessary since 1,2,3 is the default
Top three reasons for going to school are:
<OL>
<LI>Meet new friends
<LI>Get a diploma
<LI>Keep your teachers employed
</OL>

Top three reasons for going to school are:
  1. Meet new friends
  2. Get a diploma
  3. Keep your teachers employed
Top three reasons for going to school are:
<OL TYPE=A>
<LI>Meet new friends
<LI>Get a diploma
<LI>Keep your teachers employed
</OL>

Top three reasons for going to school are:
  • Meet new friends
  • Get a diploma
  • Keep your teachers employed
Top three reasons for going to school are:
<UL TYPE=DISC>
<LI>Meet new friends
<LI>Get a diploma
<LI>Keep your teachers employed
</UL>

Top three reasons for going to school are:
  • Meet new friends
  • Get a diploma
  • Keep your teachers employed
Top three reasons for going to school are:
<UL TYPE=square>
<LI>Meet new friends
<LI>Get a diploma
<LI>Keep your teachers employed
</UL>

Top three reasons for going to school are:
Meet new friends
Get a diploma
Keep your teachers employed
Top three reasons for going to school are:
<DL><DD>Meet new friends
<DD>Get a diploma
<DD>Keep your teachers employed
</DL>


Note: I will be asking you to create a "nested list" in your exercise. A nested list is a list within a list. I have printed an example of a nested list to the right for your understanding.

Index Basic Tags Links Design Layout Tables Image File Types Using Images Image Editing Lists Frames