Lab Exercise 2 - HTML

							                                                                    Page 1 of 2



Lab Exercise 2 - Using Images & Page Layout

PART I

1. Experiment with the following HTML tags. Learn what each of the attributes
   does. Reference chapters 5 & 6 of, "HTML 4 for the World Wide Web".

      Can you figure out what the default values are?
      Can you figure out which tags are supported by Netscape, Internet
       Explorer or both?
      Is there more than one way to do a task?

          TAG                      ATTRIBUTE(S)
          BODY                     BACKGROUND
                                   LEFTMARGIN
                                   TOPMARGIN
                                   MARGINWIDTH
                                   MARGINHEIGHT
          CENTER
          NOBR
          WBR
          IMG                      SRC
                                   BORDER
                                   ALT
                                   ALIGN
                                   WIDTH
                                   HEIGHT
                                   LOWSRC
                                   VSPACE
                                   HSPACE
          BR                       CLEAR
          A                        HREF
          HR                       SIZE
                                   WIDTH
                                   ALIGN
                                   NOSHADE
          SPACER                   TYPE
                                   SIZE
                                   WIDTH
                                   HEIGHT
          BLOCKQUOTE
          UL
          MULTICOL                 COLS
                                   GUTTER
                                                                     Page 2 of 2


                                    WIDTH
          PRE

2. How can you determine the dimensions of an image in Internet Explorer and
   Netscape? Determine the size the images in my images directory
   http://people.senecac.on.ca/elisabeth.green/images/. For extra images try
   http://people.senecac.on.ca/elisabeth.green/image_depot/.

PART II

1. Create a simple Web Page to replace the default page on
   columbus.senecac.on.ca.
    Download the existing index.html from your public_html directory on
      columbus
    Modify the file
    Upload modified index.html to columbus

2. Create a new page with two images. Place the first image on the left side of
   the screen and the second image on the right side of the screen.

   Insert enough text beside the first image to have it wrap.

   Insert some text to the left of the second image. View it. Then use the
   CLEAR="right" attribute of BR somewhere in the middle of that text. Why use
   the CLEAR="right" instead of the CLEAR="all"?