IST129: The HTML Challenge

1. Given two images, img1.jpg and img2.jpg, code the HTML to put the images side-by-side (not one atop the other). Like this. (Don't use a table, though)
2. Code the following TABLE:

   Manufacturer	Model	# Produced
   		1965		1966		1967
   		1st 1/2	2nd 1/2	1st 1/2	2nd 1/2	1st 1/2	2nd 1/2
   Gibson	GA20RVT	12	15	10	08	06	10
   Fender	Champ	300	350	400	490	600	400
   Alamo	Capri	5	7	6	3	4	1

3. How would you code a FRAME statement with 4 frames to make one frame be leftmost for 33% of the width of the screen another frame be rightmost for 33% of the width - both running top to bottom. The remaining 2 frames are 33% wide and are in the middle stacked atop one another.
   It looks something like this (if you can't see the frames example):

   xxxxxxx	xxxxxxx	xxxxxxx
   	xxxxxxx

   Example
4. How would you code to make all Paragraphs blue, bolded, and centered?

   Here is a sample paragraph that contains no attributes in the <P> tag. Notice that this paragraph is BLUE, BOLDED, and CENTERED.

   Hint: think STYLE tag.
5. How would you code to make all RED paragraphs be right-aligned in normal font?

   Here is a sample paragraph that contains no attributes in the <P> tag. Notice that this paragraph is RED, NORMAL, and RIGHT-ALIGNED.

   Hint: think STYLE tag and classes.
6. Under what circumstances would you have to code the the font-weight attribute in the case above? Hint: think cascading=inheritance.
7. When should you use the ending </P> tag?
8. How would you code an unordered list such that if it contain an ordered list, the text of the order list would be RED as follows?
   • Outer list
   1. Inner ordered list
   • Inner list cont'd
9. How would you code the following list?
   1. Topics to cover:
   1. Bandana waving
   1. Hold the bandana
   2. Wave the bandana
   2. Stomping of feet
   1. Lift right foot
   2. Force foot to ground quickly
   3. Do same for left foot
10. How would you code the following table for thumbnail images with a GREEN caption using the STYLE attribute? Hyperlink each picture to display just the picture in normal size.

    Thumbnails

11. If you copy my HTML from HOMEPAGE and paste it directly into notepad on your PC and then run it, why can you not see my pictures?
    Hint: Think relative versus absolute.
12. What's the problem with the following HTML code and how should I fix it?
    1. Number one
    Subpoints.....
    2. Number two
    Subpoints.....
    3. Number three
    Subpoints.....
    Number four
    Subpoints.....
13. Why does the browser generate horizontal scrollbars for the following 3 cell table even though I told the table to take up only 60% of the screen and each cell is only to consume 20%?

    ABCDEFGHIJKLMNOPQRTSUVWXYZABCEDFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRTSUVWXYZABCEDFGHIJKLMNOPQRSTUVWXYZ

14. How can you ensure that you always get horizontal scroll bars on in an HTML document?
15. Put a visitor counter and/or guest book on your WWW site.
    Hint: Visit www.beseen.com