CSC 205 Introduction to Computer Science

Assignment #13

Objectives

• Learn the meanings of the following term:
  HTML table
• Learn to create an HTML table using TR, TD, and TH tags.
• Learn to use ROWSPAN and COLSPAN attributes.

This assignment can be completed individually or in a team. If you work in your team, you should hand in a single file for the whole team. The table that you create in this assignment may eventually be added to your homepage. However, it must be a table that you create and that has some kind of significant meaning for you or your team that you can explain. It may not be a table you copy off of the Web.

1. The following matrix-like display of links is called an HTML table:
   

   Main CSC 205 Page	CSC205 Syllabus	Berea Math/CS Home Page
   CSC205 Assignments	Blackboard	Computer History
   Online Dictionaries	HTML Resources	JavaScript Resources

   
   
2. Your assignment is to create an HTML table. Not all HTML tables have borders around them like the above table does. To see another example of a table, go to my Camping and Hiking course homepage at
   http://faculty.berea.edu/pearcej/ST/Camp-n-Hike.html. Scroll down this page. Immediately under the map of the US is a list of where we went each day. This is also an HTML table. Here the table structure is used to make things line up nicely under the Day, Date, and Event headings. Here is another more complicated example of a table which makes use of "merged table cells" (accomplished by the COLSPAN attribute) and dfferent background colors in the cells:
   

   Jan's Spring Term 2006 Afternoon Schedule

   	Monday	Tuesday	Wednesday	Thursday	Friday
   1:00	Office		Office	Office Hours by Appt	Office
   1:30		Dept Meeting
   2:00	MAT 108		MAT 108		MAT 108
   2:30
   3:00		EC Meeting
   3:30	CSC 205		CSC 205		CSC 205
   4:00
   4:30

3. You can go to http://www.pagetutor.com/pagetutor/tables/index.html for a very basic introduction to table tags. Then go to http://www.yourhtmlsource.com/tables/basictables.html to read through a list of the basic HTML table tags and attributes. Next read the information at http://www.yourhtmlsource.com/tables/advancedtables.html . HTMLSource has many other such helpful pages on other features of HTML that you may want to remember and later make use of in your WWW project. HTMLSource provides these descriptive sites on HTML to help people to create Web pages. Be sure to read carefully enough to understand how to use the <TABLE>, <TR>, <TH>, <TD> tags and the COLSPAN, ROWSPAN, and BORDER attributes. (You may want to print off some of these explanatory pages.)
   
4. Create an HTML file with an appropriate structure, including a title and all basic tags. In the BODY, place an appropriate header above the table.

   The HTML table itself should have the following:

• At least four rows and at least four columns.
• Appropriate use of <TR> tags to begin each row.
• Some table headers with <TH> tags and some table data with <TD> tags
• At least one use of COLSPAN and/or ROWSPAN to span more than one column and/or row.
• At least one use of ALIGN to change the default alignment in the cell.
• At least one use of WIDTH to change the default width of the table or a column in the table.
• At least one use of either BGCOLOR or BACKGROUND inside the table.
• At least one use of either CELLPADDING or CELLSPACING inside the table.
• Either have a border or have no border (your choice), but be sure to specify which by using the BORDER attribute explicitly.

5. Name your HTML file as LastNameofAllAuthors.html. Turn in this file to the "A13 Table Drop" Folder.