Basic Tables
Download this project with source code samples
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
- Create a new folder called Tables.
- Copy the Skeleton from the class website and paste it into a new Notepad file.
- Save the file as basicTables.html. Make sure this file is saved in your Tables folder.
- Create the following tables using XHTML. Place all the tables in the same XHTML document, one after another.
Table 1
- Create the following table in XHTML, substituting your own favorite animals and plants.
| Animals |
Plants |
| Iguana |
Raspberry |
| Wumpus |
Butternut Squash |
Table 2
- 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
- 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
- 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 |
Screenshot
Screenshots and source code for this project are available when you purchase the curriculum.
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 |
|
Download this project with source code samples