Tables
Tables are a very common html element. Tables are designated with opening and closing table tags.
Each row is designated with tr tags and each column with td tags. Here is a sample:
View SampleStyled Tables
Below you can see the html for a table describing a student's class schedule followed by the
css defining a typically zebra-striped table. Note the use of ID's to describe the header style
as well as odd and even row styles.
HTML
CSS
View Result
Sample Projects
- Students will create a one page website using an html table of their class schedule
- Students will create a one page website using an html table of their address book
- Students will create a one page website using an html table based on a list gathered from research.
- Example 1: president, year elected, party
- Example 2: planet, number of moons, distance from the sun
- Example 3: the table of elements