HTML Course

 

Page 11 :Lists

  • Making A List

  • Often you may want to provide infomation in a list rather than in a paragraph. There are two types of list we will talk about. The ordered list (numbered) and the unordered list (bulleted).

    HTML Tag
    Effect

    <LI>
    Identifies each item
    in a list

    <OL> and </OL>
    Specifies ordered lists
    (numbered)

    <UL> and </UL>
    Specifies unordered lists
    (bulleted)

    Here are two examples of lists.

This is an ordered list:

  1. sugar
  2. spice
  3. everything nice

This is an unordered list:

  • birds
  • mammals
  • reptiles

Links can also be used in a list:

  • Lets Add A List To Our Document. This Will Be A List Of Links. Again I Changed Some Of Our Document's Coding To Have It Start To Look Like A Real Web Page.

    <HTML>
    <HEAD>
    <TITLE>Welcome To Aruba</TITLE>
    </HEAD>
    <BODY BACKGROUND="stars.gif" BGCOLOR="#000000"
    TEXT="#00FF00" LINK="yellow" VLINK="orange" ALINK="red">
    <EMBED SRC="sample.mid" AUTOSTART="true"
    HIDDEN="true" VOLUME="100%">
    <H1 ALIGN="CENTER">
    <i><u>Welcome To Aruba</u></i></H1>
    <P>
    <HR SIZE=4 WIDTH="80%" ALIGN=CENTER>
    <HR SIZE=4 WIDTH="60%" ALIGN=CENTER>
    <HR SIZE=4 WIDTH="40%" ALIGN=CENTER>
    <P>
    <CENTER>
    <IMG SRC="aruba.jpg" BORDER=5
    WIDTH="300" ALIGN="right" ALT="sunset">
    <BR><BR><BR>
    <FONT SIZE="4" COLOR="#cc0066">
    <b>This Beautiful Sunset In Aruba.<BR>
    Aruba is a lovely island off the<BR>
    coast of South America.<BR>
    The weather is perfect<BR>
    in Aruba any day of the year.</b>
    </FONT>
    </CENTER>
    <BR><BR><BR>
    <FONT SIZE="4" COLOR="white"><b>
    My Favorite Links
    <UL>
    <LI><A HREF="http://www.draac.com">Draac.Com</A>
    <LI><A HREF="http://www.lycos.com">Lycos Search</A>
    <LI><A HREF="http://www.furby.com">Furby Fun</A>
    </UL>
    </b></FONT>
    </BODY>
    </HTML>

    <HTML>
    <HEAD>
    <TITLE>Welcome To Aruba</TITLE>
    </HEAD>
    <BODY BACKGROUND="stars.gif" BGCOLOR="#000000"
    TEXT="#00FF00" LINK="yellow" VLINK="orange" ALINK="red">
    <EMBED SRC="sample.mid" AUTOSTART="true"
    HIDDEN="true" VOLUME="100%">
    <H1 ALIGN="CENTER">
    <i><u>Welcome To Aruba</u></i></H1>
    <P>
    <HR SIZE=4 WIDTH="80%" ALIGN=CENTER>
    <HR SIZE=4 WIDTH="60%" ALIGN=CENTER>
    <HR SIZE=4 WIDTH="40%" ALIGN=CENTER>
    <P>
    <IMG SRC="aruba.jpg" BORDER=5 HEIGHT="150"
    WIDTH="200" ALIGN="right" ALT="sunset">
    <FONT SIZE="2" COLOR="white">
    <b><tt>This Beautiful Sunset In Aruba.<BR>
    Aruba is a lovely island off the<BR>
    coast of South America.<BR>
    The weather is perfect<BR>
    in Aruba any day of the year.</tt></b>
    </FONT>
    </BODY>
    </HTML>

    Click Here To See Our HTML Document So Far
    Use Your Back Button To Return Here