1. Hypertext Markup Language Table 11th Lecture
13, June, 2010
Baseer Ahmad Baheer

3. The data could be arranged in a table.
This table uses the basic three tags all tables must have:
<TABLE ...> <TABLE ...> creates the table. Most of the overall properties of the table are defined here, such as if it has borders and what is the table's background color.
<TR ...> <TR ...> (Table Row) defines each row of the table.
<TD ...> <TD ...> (Table Data) defines each cell of the table.

4. Headers

5. <TH ...> can be used to create headers for either rows or columns, or both.

6. CELLPADDING and CELLSPACING
By default, table cells tend to be squeezed close to each other. To give your table cells a little more breathing room, use CELLPADDING and CELLSPACING.

8. COLSPAN and ROWSPAN
Table cells can span across more than one column or row. The attributes COLSPAN ("how many across") and ROWSPAN ("how many down") indicate how many columns or rows a cell should take up.

10. Background Color

12. Table Borders:The Basics

13. Table Borders: BORDER, FRAME and RULES

14. Table Borders: No inside BORDER

16. Table Borders: Just Rows or Just Columns

20. Table Borders: Borders Between Groups of Rows
Sometimes the table looks better if there are borders only between groups of rows. To do this we'll use some HTML 4.0 markup added just for that purpose. Note that currently only MSIE supports borders between groups of rows.
<THEAD ...> designates the head section which is usually where you put column headers.
<TBODY ...> indicates the main body of the table.
<TFOOT ...> sets the bottom section where you put totals and other summary information.

23. Table Borders: Between Groups of Columns

24. Table Borders: Colors

25. Table Borders: Light and Dark

26. Table Borders: All Three Border Color Attributes At Once

28. References