Showing posts with label table headings. Show all posts
Showing posts with label table headings. Show all posts

Thursday, February 2, 2012

Information, Please!

Assignment: Visit the almanac website:
http://www.infoplease.com/almanacs.html

Choose a topic and create an HTML table with at least 4 columns and 8 rows of data.

Style the following tags to make the table attactive:
  • table
  • th
  • td
also style the following attributes: 
  • cell padding
  • cell spacing
  • background-color
  • table width
  • body of web page centered
  • table centered

Thursday, February 3, 2011

Tables on Steroids, Mates!

Gentlemen,
You learned the basics of coding tables by hand the other day.
Today, let's spice up the table design and add:
a) summary
b) title
c) padding
d) spacing
e) font color
f) background color for the page
g) background color for the table

Typically, we let CSS handle the colors, padding, and spacing, but I need to illustrate the concepts of padding and spacing, and its easier to do with color involved.

Your table should look like this (but you can pick your own color scheme, provided it is readable)

Make sure you validate your code and show me the table when you are finished.
The complete assignment is listed on the Sunday/Monday blog entry for this week.