1. Using HTML Tables Presenting Information & Layout Control

2. Using HTML Tables You can use the … container to display information in table format. You can use the … container to control the layout of a page.

3. Using Tables for Information

4. Using Tables for Layout

5. The … Container Defines the beginning and end of a table Attributes background bgcolor border cellspacing cellpadding width height

6. The … Container Defines a table row Structural tag only (no content) Attributes align valign bgcolor

7. The … Container Defines a data cell in a table Can contain any content, including another, nested table Attributes: align valign height background bgcolor height width colspan rowspan

8. Example …

9. Example …

10. … Container Defines a header cell Acts just like a … container, except … The text is normally centered vertically and horizontally AND the text is bold Attributes are the same as …

11. … Example Table …

12. … Container Provides a summary of the tables purpose MUST immediately follow Attributes: align summary valign (MSIE only)

13. … Example Figure 1: Hexadecimal Conversions

14. Using Tables for Multipart Images Use a basic table structure Set the border, cellpadding and cellspacing attributes to 0 (zero) No spaces or page breaks between tags included between … ! Can be used for Poor Mans Image Maps Example: http://www.cs.iupui.edu/~rmolnar/n241/lectures/tablesFiles/index.html http://www.cs.iupui.edu/~rmolnar/n241/lectures/tablesFiles/index.html

15. Questions?