Presentation is loading. Please wait.

Presentation is loading. Please wait.

Using HTML Tables Presenting Information & Layout Control.

Similar presentations


Presentation on theme: "Using HTML Tables Presenting Information & Layout Control."— Presentation transcript:

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:

15 Questions?


Download ppt "Using HTML Tables Presenting Information & Layout Control."

Similar presentations


Ads by Google