Web Page Tables GMU-Teaching with Technology

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

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

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

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

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

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

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

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

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

The End of The table…