CSS

Tables Exercise 2013

For this exercise, build a page that looks like the one in this screenshot. Save that file as albumsales1.html.

Click on the image to see it full size. You only need to build the first two tables. Take the text from the image, or make up the band names and album titles.

Note the striping of alternate rows.

Note also, the fact that the album titles appear in italics.

In order to make things interesting, and to get you thinking of the most efficient ways to do this, you may not use classes or IDs to create the above two features.

Album Sales Example 1

 

Once you’ve figured all that out, figure out how to modify your stylesheet to make the tables look as they do in the screenshot below.

screenshot2

When you’ve done both exercises, show them to me.

Standard