1. web111a_chapt04.ppt HTM: Section 4 Tables Table Types Text table elements Easy to use Use fixed-font text (font family monospace) Andale Mono Courier Monaco Courier New Lucida Console Graphical Multiple HTML tags Attributes that may be changed,, Alignment of text/graphic is controllable More difficult to use but more versatile 4.02 Download blank HTML document

2. web111a_chapt04.ppt HTM: Section 4 Tables Text Table Type FORMAT table elements Space bar to align columns May use images (align = top, middle, bottom) Use fixed-font text (font family monospace) Andale Mono Courier Monaco Courier New Lucida Console 4.03 Column 1 datacolumn 2 datacolumn 3 data

3. web111a_chapt04.ppt HTM: Section 4 Tables Graphic Table Type Multiple tags Use any font or graphics Use any font text define table Column header define a Table Row Table Data (column, cell) end of Table Row end of the table

4. web111a_chapt04.ppt This is the Caption Col 1 Heading Col 2 Heading Col 3 Heading Col 4 Heading 1 2 3 4 5 6 7 8

5. web111a_chapt04.ppt Page 4.09, Figure 4-11 – Basic Table descriptions Page 4.10, Figure 4-12 – Table w/data Page 4.11, Figure 4-13 – Table headings Page 4.11, Figure 4-14 – Table in the browser HTM: Section 4 Tables

6. web111a_chapt04.ppt HTM: Section 4 Tables 4.14 Table Appearance Border Creates a border around the table Creates horizontal and vertical dividing lines Example Cell Spacing Amount of space between cells Example 4.14 4.16

7. web111a_chapt04.ppt HTM: Section 4 Tables Cell Padding Space between cell walls and text Example Frames Grid display of border Example 4.17 4.18

8. web111a_chapt04.ppt HTM: Section 4 Tables Rules Grid display of cells Example Table Size – Width and Height Grid display Attributes do not effect the table until greater than current table data size 4.19 4.20

9. web111a_chapt04.ppt HTM: Section 4 Tables Table Alignment Alignment on the page Default: table aligned to left margin Text above and below table Left, Right, Center Cell Data Alignment Left, Right, Center 4.22 4.24

10. web111a_chapt04.ppt HTM: Section 4 Tables Spanning Rows and Columns Page 4.27, Figure 4-38 Page 4.28, Figure 4-39 4.26 Table, Row, Column colors Attribute: bgcolor=“color” Page 4.27, Figure 4-38 Page 4.28, Figure 4-39 4.29 Table, Row, Column graphics Attribute: background=“image” Page 4.32, Figure 4-46

11. web111a_chapt04.ppt HTM: Section 4 Tables LAB / Homework Case 2 Chamberlain Civic Center Page 4.58 Files are on the class website