1. Web Page Tables GMU-Teaching with Technology

2. Table Characteristics: Looks like a news page Contains columns and rows

3. GOALS of Tables: Great for lists and presenting data 2 kinds to chose from: Text tables – some browsers only show text Graphical tables – offer greater detail – More complicated

4. How to build a Simple Table: Diagram your layout first Text size is determining factor Space in rows and columns Spaces and characters create boundaries Fonts are fixed width, monospace or proportional Place table on web page

5. Layout and Appearance of Tables Determine number of columns and rows Locate column headings Placement of table captions Then add data

6. TAGS for TABLES controls the appearance of a text table only graphical table enclosure where g table row goes individual g table cells (table data) g table heading heading body footer

7. Where does the table go? By default to left margin By design: left, right or center By tag – horizontal and vertical placement Recommend comment tags

8. Sample Tables: GRAPHIC: TEXT: GroupSwimmer OrangeSpitz,M.

9. Adding Table Borders By default, no borders Value = width of border in pixels 1 pixel wide, unless specified Effects only outside border

10. Applying Color to a Table Color can be added to: –

11. The End of The table…