Introduction to the HyperText Markup Language (Cont.)

HTML Lists

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>

Ordered List (OL) Example
<OL>
  <LI> This will be item 1
  <LI> This will be item 2
  <LI> This will be item 3
</OL>

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>

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>

Linking WWW Pages

• Up to this point, we have created individual WWW pages.
• As we know HTML pages on the Web are linked to one another to form hypertext.
• The basic tag for hypertext is called the Anchor.
• Anchors can be both the starting points for a link as well as the destination of a link.
• This also introduces Options in tags.
• Anchor tag used as place marker in an HTML document:

• The Anchor tag is also used at the start of a hypertext link. This is called a Hypertext Reference.
• A URL is placed in the HREF portion of the Anchor tag.
• The text between the A HREF part and the final /A tag is what will be underlined for the user to click on. e.g. to activate the link.
• Assume the following example is in a file called mypage1.html

• The HREF can be either a Relative or Absolute reference.
• An Absolute reference writes out the entire URL in the form:
  http://hostname/directory/filename.html
• For example, from your home page, you can make a link to:
  http://cimic3.rutgers.edu/~name/mypage2.html
• A Relative reference assumes various portions of the URL will remain the same.
• For example, you can give just the file name. The protocol, host name and directory will remain the same. See previous example.
• Relative references can also give just a directory and file name causing the protocol and host name to be assumed the same.
• Example: For the Web pages in my account on Pegasus, the following URLs serve the same function: HREF="http://cimic3.rutgers.edu/~sidan/myfile2.html" HREF="myfile2.html" HREF="/~sidan/myfile2.html"