Saltfleet's Web Page Help

Get Organized

Basic HTML Structure

Formatting Text

Lists

Images, Links & Tables

Sound & Video

Frames Tutorial

HTML <TAG> Dictionary

HTML Colour Chart

HTML Error Chart

HTML Questions & Answers


Back to Southbrook

Lists
    Here are the three types of lists that you can create:

    Unordered Lists: <UL> This tag is used to create a list of items. Each item will be identified by a bullet point. The list entries are defined by the <LI> tag.

    Example:
    <UL>
    <LI> Item number 1
    <LI> Item number 2
    <LI> Item number 3
    </UL>

    The code above would make this:

    • Item number 1
    • Item number 2
    • Item number 3

    With the <UL> tag you can also specify the bullet point shape & if you want a compact version of the list. Using the TYPE attribute you can specify a disc, circle or square bullet point.

    Example: <UL COMPACT TYPE=square> …

    Ordered Lists: <OL> This tag is used to create a list of items. Each item will be identified by a number or roman number. The default is 1, 2 3, but by using the TYPE attribute you can specify other type of ordered numbering. The list entries are also defined by the <LI> tag.

    Example:
    <OL TYPE=I>
    <LI> Item number 1
    <LI> Item number 2
    <LI> Item number 3
    </OL>

    The code above would make this:

    1. Item number 1
    2. Item number 2
    3. Item number 3

    The TYPE can be one of the following:
    1- Default numbers, 1, 2, 3, etc.
    A- Capital letters. A, B, C, etc.
    a- Small letters. a, b, c, etc.
    I- Large Roman numerals. I, II, III, etc.
    i- Small Roman numerals, i, ii, iii, etc.

    Definition Lists: <DL> Definition lists are used when you want to include a description for each listed item. (like a glossary). Use <DT> for the definition term and the <DD> tag for the definition.

    Example:
    <DL>
    <DT> List the term here.
    <DD> This is the term definition.
    <DT> Second term.
    <DD> Second term definition
    </DL>

    The code above would make this:


    List the term here.
    This is the term definition.
    Second term.
    Second term definition

    NOTE: All type of lists can be nested inside of each other for complex lists.



    Get Organized | Basic HTML Structure | Formatting Text | Lists | Images, Links & Tables | Sound & Video | Frames Tutorial | HTML <TAG> Dictionary | HTML Colour Chart | HTML Error Chart | HTML Q & A