Web Design - Introduction to Tables

Sections:  Introduction  |  Section 1  |  Section 2  |  Section 3  |  Section 4  |  Section 5
Section Five:  Part A  |  Part B  |  Part C  |   Part D  |  Part E

Building a Table

Let's See it in Action

Below is mashup featuring a small table and the the HTML code used to create it. The different HTML tags have been placed on separate lines to make it easier to read, though doing so is not mandatory - just good practice. The data cells have been highlighted in both the HTML code and the table representation so that the data cell tags and their textual contents correspond to the textual data displayed in the table.

links

Notice how the header and non-header data cells (<th></th> and <td></td>) are dispalyed within a row and how each row started out with the <tr> tag and ended with the </tr> tag?

NextNext

© 2008 KCDL. All rights reserved.