Creating a Table
Skills Covered
Insert Table
caption
summary
thead
tbody
tfoot
colgroup
col
We are going to spend a little time using tables to organize and display information in a table that is well-structered, visually pleasing, and accessible to a wider range of users.
In this exercise we will focus on the (x)html structure of a table, then deal with the css styling in a subsequent lesson. At the end of the lesson you can expect your table to look something like this:
| # | Name | Length | Artist |
|---|---|---|---|
| 1 | Little Fluffy Clouds | 4:27 | The Orb |
| 2 | Earth (Gaia) | 9:49 | The Orb |
| 3 | Supernova at the End of the Universe | 11:57 | The Orb |
| 4 | Back Side of the Moon | 14:15 | The Orb |
| 5 | Spanish Castles in Space | 15:05 | The Orb |
| 6 | Perpetual Dawn | 9:32 | The Orb |
| 7 | Into the Fourth Dimension: Essenes in Starlight | 9:16 | The Orb |
| 8 | Outlands | 8:23 | The Orb |
| 9 | Star 6 & 7 8 9 | 8:11 | The Orb |
| 10 | A Huge Ever Growing Pulsating Brain That Rules from the Centre of the Ultraworld | 18:47 | The Orb |
Music albums are a great choice for learning to style tables. I'm continuing with the band web site we've been working on, and have added this first table to the discography