Presentation is loading. Please wait.

Presentation is loading. Please wait.

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.

Similar presentations


Presentation on theme: "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."— Presentation transcript:

1 Advanced Tables

2 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:

3 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.

4 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.


Download ppt "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."

Similar presentations


Ads by Google