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

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

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

web111a_chapt04.ppt This is the Caption Col 1 Heading Col 2 Heading Col 3 Heading Col 4 Heading

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

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

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

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

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

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

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