[Basics I] [Basics II] [Emailing] [Graphics] [Lists] [Tables] [Linking] [Marquee] [Backgrounds] [Music] [Email Me] [Home]
Zog’s HTML Made Easy
MAKING LISTS USING HTML
HOW TO MAKE A ORDERED NUMBERED LISTS
HOW TO MAKE A ORDERED ALPHABETICALLY LIST
HOW TO MAKE DIFFERENT KINDS OF UN-ORDERED LISTS
COMBINE LISTS TO CREATE OUTLINES



NUMBERED LISTS
  • I suggest using LISTS to organizing information or data on your Web site.
  • Here are the tags for a Numbered Lists:
    <OL>begins an numbered-indented list.
    Put the <LI> tag in front of each item you want numbered / bulleted.
    You do NOT have to add a <br> or a <p> between lines.
    Lastly, end the list with the closing </OL> tag.
  • Here is an example:
    <OL>
    <LI>Item #1
    <LI>Item #2
    <LI>Item #3
    </OL>


    This will appear on your web-page like this:
    1. Item #1
    2. Item #2
    3. Item #3

  • If you want your number with a specific number, change the <OL> tag to this:
    <OL start="#">.
    For example <OL start="7"> will start your list with the number 7.

  • If you want to use Roman Numerals, change the <OL> tag to this:
    <OL type="I">.
RETURN TO THE TOP
RETURN HOME



ALPHABETICALLY LISTS
  • If you want to make your list using the alphabet (A, B, C, D, ….), change the <OL> tag to this:
    <OL type=A>
  • Here is an example:
    <OL type=A>
    <LI>Letter A
    <LI>Letter B
    <LI>Letter C
    </OL>

    This will appear on your web-page like this:
    1. Letter A
    2. Letter B
    3. Letter C
RETURN TO THE TOP
RETURN HOME



HOW TO MAKE DIFFERENT KINDS OF UN-ORDERED LISTS
  • They work the same as a numbered list but use a <UL> tag instead.
  • For example:
    <UL>
    <LI>OHIO
    <LI>State
    <LI>Bucks
    </UL>

    It will look like this:
    • OHIO
    • State
    • Bucks

  • Try using this <UL type="circle"> and <type="square">.
    This will give you a DIFFERENT kind of bullet.


RETURN TO THE TOP
RETURN HOME



COMBINE ORDERED AND UNORDERED LIST TO MAKE AN OUTLINE
  • HTML allows your to combine ordered and unordered lists.
  • This may help make your list more appealing.
  • Do you need more help with OUTLINES? Then Email Me.
RETURN TO THE TOP
RETURN HOME



Created by
Zog's Web Design
Resides on Yahoo!
Yahoo! Rights Apply