Creating a Table

Skills Covered
Insert Table

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:

The Orb's Adventures Beyond the Ultraworld
# 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