Index
This page produced by James Kirk
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 tables. The construction of these tables may include rows, columns,
borders, row spans, column spans, cellpadding, cell spacing, text alignment, background color,
images and image 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" has no underline on the link. The
"a" selector calls an external "Cascading Style Sheet" (CSS) to make the decoration an overline
and color change when you roll over it. The style 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

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 = 400
Rows = 2
Columns = 3
top | view source

1
2 3



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

1
2 3 4



Table 07
Table width = 400
Table height = 250
Rows = 4
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 = 7
top | view source
center/middle
center/top center/right center/bottom
left/top default right/bottom



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

1 2 3
4 5 6
7
8 9 10



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




Table 11
Table width = 775
Table height = 400
Rows = 4
Columns = 5
top | view source