This page produced by Rachel Matheny
Assignment: Tables

Table Basics

Here are 10 examples of basics html Tables. They are a mix starting with some simple then moving to more complex tabels. The construction of these tables may include rows, columns, borders, row spans, column spans, cell padding, cellspacing, text alignment, background color, images and alignment.

You can navigate to each table by clicking on the table name in the navigation menu below. These links use the href attribute with the anchor tag. Clicking on the word "top" will send you back to the top of this page. If you look close, the word "top" hs no underline on the link. The "a" selector calls an external "Cascading Style Sheet" (CSS) to make the decoration an overline and color change whne you roll over it. The tyle sheet also controls the font, color and font size.

Table 1 | Table 2 | Table 3 | Table 4 | Table 5
Table 6 | Table 7 | Table 8 | Table 9 | Table 10 | Table 11
INDEX

Table 01
Table width = 400
Rows = 1
Columns = 1
top | view source

1


Table 02
Table width = 200
Rows = 3
Columns = 2
top | view source

1 2
3 4
5 6


Table 03
Table width = 200
Rows = 2
Columns = 2
top | view source

1 2
3 4


Table 04
Table width = 400
Rows = 2
Columns = 2
top | view source

1 2
3 4


Table 05
Table width = 400
Rows = 2
Columns = 2
top | view source

1
2 3


Table 06
Table width = 600
Table height = 300
Rows = 2
Columns = 3
top | view source

1
2 3 4


Table 07
Table width = 400
Table height = 250
Rows = 5
Columns = 3
top | view source

1
2 3
4 5
6 7
8 9


Table 08
Table width = 600
Table height = 270
Rows = 3
Columns = 3
top | view source

center/middle
center/top center/right center/bottom
left/bottom default right/top


Table 09
Table width = 400
Table height = 425
Rows = 4
Columns = 3
top | view source

1 2 3
4 5 6
7
8 9 10


Table 10
Table width = 400
Table height = 425
Rows = 3
Columns = 3
top | view source



Table 11
Table width = 425
Table height = 200
Rows = 3
Columns = 3
top | view source

Rachel's Table
H
A
P
P
Y

B
I
R
D
TOP | INDEX