CS 140 - Homework 14 - Due Monday April 28
In this homework you're going to work more with HTML tables. Make sure this homework is on your P:
drive in your public_html
folder and is named hw14.html
. Make sure your name appears in the web page at the top along with the words "Homework 14". Make it look good!
You do not need to turn in a printout just make sure the file is there by the start of class. E-mail me a complete link to the web page with a subject HW14.
-
Create a table with three rows and three columns. Lets assume that the cells are
labeled 1 through 9 with 1 at the top left and 9 at the lower right.
-
In cell 1 add a short italicized sentence that contains a link to the web site
http://w3schools.com/
. (If you want to learn more about building
web pages this site is a good place to start).
-
In cell 2 add an unordered list of three items where each item is link. Use three of
your favorite web sites as links.
-
In cell 5 create another table (yes, a table inside a table) that has two
rows and two columns. Fill these cells with your four of your favorite band names,
horse names, baseball teams, computer science course names :-)
-
In cells 7 and 9 insert a small image.
-
Fill the other table cells with other HTML. Be creative!
-
We can specify that a table cell can span more than one column by using the
colspan
attribute. Add the following lines to your main table as the
first row and explain what happens.
<tr>
<th></th><th colspan="2">Cell spans two columns</th>
</tr>
Add a new row to your table that is inside cell 5. The row should contain one cell that
spans both columns and has the text "names" in it. Make it bold.
-
At the top of your web page separate your name, Homework 14, etc. from the
table you designed with a horizontal line like the one below.
Hint: How can you figure out what tag to use to put the horizontal line like above?