1 / 32

Tutorial 5 Working with Web Tables

Objectives. Explore the structure of a Web tableCreate headings and cells in a tableCreate cells that span multiple rows and columnsCreate row and column groupsAdd a caption and a summary to a tableFormat a table using HTML attributes. 2. New Perspectives on HTML and XHTML, Comprehensive. Objec

wendell
Download Presentation

Tutorial 5 Working with Web Tables

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

    1. Tutorial 5 Working with Web Tables

    2. Objectives Explore the structure of a Web table Create headings and cells in a table Create cells that span multiple rows and columns Create row and column groups Add a caption and a summary to a table Format a table using HTML attributes 2 New Perspectives on HTML and XHTML, Comprehensive

    3. Objectives Format a table using CSS styles Collapse table borders Display page elements in tabular form Create a jigsaw layout Explore the use of tables for page layout Create rounded borders 3 New Perspectives on HTML and XHTML, Comprehensive

    4. Introducing Web Tables Each table in a Web page follows a basic structure consisting of the table element and a collection of table rows nested in the table element <table> <tr> table cells </tr> <tr> table cells </tr> ... </table> New Perspectives on HTML and XHTML, Comprehensive 4

    5. Introducing Web Tables Table headings, the cells that identify the contents of a row or column, are marked using a <th> tag Data cells are marked with the <td> tag and are used for any content that is not considered a heading New Perspectives on HTML and XHTML, Comprehensive 5

    6. Introducing Web Tables New Perspectives on HTML and XHTML, Comprehensive 6

    7. Introducing Web Tables To add a border to a Web table using HTML, use the border attribute <table border="value"> ... </table> where value is the size of the border in pixels New Perspectives on HTML and XHTML, Comprehensive 7

More Related