Homework Assignments

1. Create a standard starting web page with html and body tags. Then, read Section 2 and 3 of the course sylabus and add to the web page each of the following tags. Use each at least 3 times. I leave the content of the text you write up to you, but it must not be vulgar in any way. Use more than one text color. Try to figure out what each tag does. (Note: Almost every opening tag also has a closing tag.)
<b> </b>,<i></i>,<u></u>,<p></p>,<br>, <center> </center>,<h1></h1>,<h2></h2>,<h3>/<h3>,<h6></h6>, <!-- comments -->, <tt></tt>, <code></code>, <hr align=left size=4 width=50%><nobr></nobr> <div align="left"></div> <font size="+2" color="#005500" face="ariel,times new roman"></font>
2. Create a standard starting web page with html and body tags. Then, read Section 4 of the course sylabus and add to the web page each of the following tags. Use each at least 3 times. I leave the content of the text you write up to you, but it must not be vulgar in any way. Try to figure out what each tag does. (Note: Almost every opening tag also has a closing tag.)
<em><strong><abbr><address><blockquote> <ul><ol> <li> <br /> &nbsp;
3. 1. make a subdirectory with 3 files in it
   2. make 2 relative links to 2 of those files
   3. make an absolute link to the 3rd file in your directory.
   4. make an absolute link to somewhere else
   5. use sub pre xmp sup
   6. make and use a labeled link
   7. use 3 special symbols like &copy;
   8. Make a page that has two tables. One should have 4 pictures in it. Use cell spacing and no border.
      It should look like this:
      picture1        picture2
      picture3        picture4
      The other should have a background color and special cell padding and have columns and row like this:

   ---------------------------
   |   |                 |   |  
   |_ _|_________________|_ _|
   |   |        |        |   |
   |   |________|________|   |
   |   |        |        |   |
   |_ _|________|________|__ |
   |   |                 |   |
   |   |                 |   |
   ---------------------------
   

   9. Demonstrate the cascade effect by using the three different methods of giving a personal style to the p tag. In other words, over-ride the p tag in 3 different ways and show that the last one takes prescedence.
      Make 2 special classes for the blockquote tag. Define your own margin, font-style, background, background, padding. This may require about a few minutes of internet searching to find an example, but I want you to get in the habit of finding information on the Net.
      Over-ride one more tag of your choosing, one that we did not discuss( or you may choose the div or span tags, but then find a new attribute to redefine in it.)
   10. Make 3 different buttons using Gimp. The buttons should have 3-D shading (use bevel). Make 3 copies of each of the 3 buttons.
   11. Use frames to have a web page with two parts.