Basic Tables

Note: the following material is from an older, outdated version of the web design curriculum pack. Please read about the revised and updated version of our Introduction to Web Design Curriculum.

Objectives

At the end of this lesson, you will be able to:

  • Create tables, rows, and columns with XHTML
  • Identify some different ways that tables can be used.

Instructions

Document Setup

  1. Create a new folder called Tables.
  2. Copy the Skeleton from the class website and paste it into a new Notepad file.
  3. Save the file as basicTables.html. Make sure this file is saved in your Tables folder.
  4. Create the following tables using XHTML. Place all the tables in the same XHTML document, one after another.

Table 1

  1. Create the following table in XHTML, substituting your own favorite animals and plants.
Animals Plants
Iguana Raspberry
Wumpus Butternut Squash

Table 2

  1. Put your class schedule into a table. Include the period number, class, and teacher.
1 Create A Web Picard
2 Flash and Fireworks Riker
3 Study Hall Worf
4 Business Buzz Data
5 Math Crusher
6 English Troi
7 Social Studies LaForge

Table 3

  1. Make a calendar for one week. This table should have just one row and seven columns. Put the correct day of the week in each column.
Sunday Monday Tuesday Wednesday Thursday Friday Saturday

Table 4

  1. Make a list of your four most important values. This table should have four rows and just one column in each row.
Integrity
Excellence
Respect
Courtesy

Rubric

Component Possible Points Score
Table 1 displays properly in a web browser and contains no errors. 6
Table 2 displays properly in a web browser and contains no errors. 6
Table 3 displays properly in a web browser and contains no errors. 6
Table 4 displays properly in a web browser and contains no errors. 6
The project was submitted on time (20% off for each day late)
Total Score 24

For full projects and source code, download the updated version of our Introduction to Web Design Curriculum.