Creating Fancier Tables

Using table headers th

Table headers allow you to "label" the rows or columns so you know what kind of information is in the row or column. The scope attribute lets to communicate to screen readers whether the header is labeling a row or a col.

Table with columns for breakfast, lunch and dinner:

Table with rows for breakfast, lunch and dinner:

Using colspan and rowspan for clarity

Using images as table data (with bonus character entity!)

Day	Pony	Toy	Color	Color Sample
Monday	Applejack	image of apple jack toy here	Peach Puff
Tuesday	Bubbles		Aqua	color swatch here
Wednesday	Twilight		Rebecca Purple
Thursday	Moondancer		Fire Brick	color swatch here
Friday	Starflower	image of starflower toy here	Light Sea Green
Saturday	Gusty		Blanched Almond
Sunday	need to merge this	need to merge this	need to merge this	need to merge this