108 - LIST
Un-Ordered List

       


<HTML>
<HEAD>
<TITLE>
108 - LIST
</TITLE>
</HEAD>

<BODY BACKGROUND="BGWite.jpg">

<P> <B> UN-ORDERED LIST </B>

<P>
<UL>
     <LI> JANUARY
     <LI> FEBRUARY
     <LI> MARCH
</UL>
<!---------------------------------UL List (Default)
The tags <UL> (Un-orderd List) and </UL> open
and close the list. They are essential.
The Tag <LI> (List Item) has to precede each item
and does not require to be closed with </LI>.
The horizontal indentation of the tags <LI>,
though not mandatory, helps to visualize the list,
mainly the complex ones during the
home page maintenance.
-------------------------------------------------------------->

<P>
<UL>
<UL TYPE=disc>
     <P><LI><B>JANUARY</B>
         <BR>Winter
     <P><LI><B>FEBRUARY</B>
       <BR> Mardi Gras
     <P><LI><B>MARCH</B>
       <BR> Easter
</UL>
</UL>
<!-----------------------------------------UL List Type Disc
The tags <UL> and </UL> may be repeated a few
times, making the list advance toward the center of the screen.
The attribute TYPE of the tag <UL> indicates the bullet
in front of each item.
Before each tag <LI> it is possible to use the tag <P>
in order to stretch the list vertically.
After the tag <LI> it is allowed to use any formatting tag:
<BR>, <FONT>, <B> etc.
------------------------------------------------------------------>

</BODY>

</HTML>

 

How to test the home page above:

[1] Copy the codes from <HTML> to </HTML> into a new file using the Windows Notepad or a HTML editor.

[2] Save the file with whichever name but with the extension .htm or .html in a computer folder (suggested name for the folder: BasicHTML) specially created for holding this course test files.

Suggestion for the name of the file: AATestXXX.htm where XXX is the number at the top of this screen. The double "A" will put the file name at the top of the list in the folder, making it easier to locate.

[3] Open the file by means of any browser to get the following home page, supposing it has been made the download of the file BGWite.jpg as required in the Lesson 104:

Note the following remarks:

  1. The attribute TYPE of the tag <UL> may assume the following values:

    • Default (The bullet depends on the browser used)
    • Disc (Filled Circle)
    • Circle (Empty Circle)
    • Square

  2. The attribute TYPE varies considering the Netscape and the Internet Explorer. Even in the same browser it may not appear exactly what is expected depending on the version of the browser and other factors.

 

Updated Aug/2000 by