Advanced Tables

Spanning Columns and Rows: So far, our tables have been relatively simple, with a uniform grid of rows and columns: XHTML allows us to create more complex table elements by spanning specified rows or columns:

Spanning Columns: Span 3 Columns R2C1 R2C2 R2C3 R3C1 R3C2 R3C3 Span 3 Columns R2C1R2C2R2C3 R3C1R3C2R3C3 By adding the colspan="3" to the element, we are telling the browser that we want to stretch a single table cell across the space of three columns.

Spanning Rows: Span 3 Rows R1C2 R1C3 R2C2 R2C3 R3C2 R3C3 Span 3 Rows R1C2R1C3 R2C2R2C3 R3C2R3C3 The rowspan="3" in the element accomplishes the same thing, but stretches a cell across multiple rows instead.