1. Tables in HTML Web Design Fairport High School Technology Department Instructor: Gianni Bussani

2. HTML Table tags tag(s)function.. Define start and end of table contents.. Mark contents of each table rows Marks contents that follows as a table cell, and applies a header format Marks content that follow as a standard table cell.. Formats text to appear as a caption, centered above the table, can appear anywhere within the.. tag pair

3. Table & Cell border attributes tagattributedescriptiondefault valueexample BORDERAdds borders around the table and each cell; optional value determines thickness of table border 1 px (if attribute is specified without a value) CELL SPACING determines gap between borders of adjacent cells 2 px (if attribute is not specified)

4. Table & cell border attributes tagattributevalid optionfunction WIDTHvalue in pixels percentage Specifies fixed width of table Specifies width of table as a percentage of browser window width HEIGHTvalue in pixels percentage Specifies fixed height of table Specifies height of table as a percentage of browser window width CELLPADDINGvalue in pixelsSpecifies thickness of empty zone surrounding contents of each cell WIDTHvalue in pixels percentage Specifies fixed width of cell, and applies to entire column Specifies width of cell as a percentage of table width HEIGHTvalue in pixels percentage Specifies fixed height of cell, and applies to entire column Specifies height of cell as a percentage of table width

5. Sample Table row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 row 1 cell 1row 1 cell 2 row 2 cell 1row 2 cell 2

6. COLSPAN This is a short lesson on COLSPAN this is a colspan Single cell Red Green Blue Yellow This is a short lesson on COLSPAN This is a colspanSingle cell RedGreenBlueYellow

7. ROWSPAN row 1 cell 1 row 1 cell 2 row 1 cell 3 row 1 cell 4 row 2 cell 1 row 2 cell 2 row 2 cell 3 row 3 cell 1 row 3 cell 2 row 3 cell 3 row 3 cell 4 row 1 cell 1 row 1 cell 2row 1 cell 3row 1 cell 4 row 2 cell 1row 2 cell 2row 2 cell 3 row 3 cell 1row 3 cell 2row 3 cell 3row 3 cell 4