[CIMIC] [MUSIC]

Introduction to the HyperText Markup Language (Cont.)


HTML Lists

The HTML language provides a number of ways to create lists of items. These include a bullet list, numbered list and definition lists. Lists can also be nested.
HTML CodeResult
Unordered List (UL) Example
<UL>
  <LI> This will be the first item
  <LI> This will be the second item
  <LI> This will be the last item
</UL>
Unordered List (UL) Example
  • This will be the first item
  • This will be the second item
  • This will be the last item
Ordered List (OL) Example
<OL>
  <LI> This will be item 1
  <LI> This will be item 2
  <LI> This will be item 3
</OL>
Ordered List (OL) Example
  1. This will be item 1
  2. This will be item 2
  3. This will be item 3
Definition List (DL) Example. 
DT=Definition Term. 
DD=Definition Definition.

<DL>
  <DT> Free throw
  <DD> A free shot taken after 
       a penalty...
  <DT> Free throw Line
  <DD> The line at which a 
       free throw...
</DL>
Definition List (DL) Example. DT=Definition Term. DD=Definition Definition.
Free throw
A free shot taken after a penalty...
Free throw Line
The line at which a free throw...
Nested List (UL/OL) Example
<UL>
  <LI> Get in the Car
  <OL> 
    <LI> Put key in door lock. 
         Turn to unlock
    <LI> Pull on door handle
    <LI> Sit down in driver's 
         seat
  </OL> 

  <LI> Start the car
  <OL> 
    <LI> Put key in ignition
    <LI> Turn key to Start 
         position
    <LI> Hold until car starts
    <LI> Let go of key when car 
         has started
  </OL> 
</UL>
Nested List (UL/OL) Example
  • Get in the Car
    1. Put key in door lock. Turn to unlock
    2. Pull on door handle
    3. Sit down in driver's seat
  • Start the car
    1. Put key in ignition
    2. Turn key to Start position
    3. Hold until car starts
    4. Let go of key when car has started


Linking WWW Pages

HTML CodeResult
<A NAME="chapter1"> <H2>Chapter 1</H2> </A> In this chapter, we investigate....

Chapter 1

In this chapter, we investigate....
HTML CodeResult
Here is some really interesting stuff written on page 1. <A HREF="assignhtml.html"> Click me for page 2 </A> Or don't go to page 2 and keep on reading... Here is some really interesting stuff written on page 1. Click me for page 2 Or don't go to page 2 and keep on reading...



[Previous Class] [MUSIC Home] [Next Class]


Last update: July 5, 1996
Sidan Lin sidan@cimic3.rutgers.edu