2 Column Table

2 Column Table

If you read '1 Column Table', you know that
<tr> </tr> is for rows,
and that <td> </td> is for columns (repeat this code for each column)

A row with one column: <tr><td>1</td></tr>
A row with 2 columns: <tr><td>1</td><td>2</td></tr>
A row with 3 columns: <tr><td>1</td><td>2</td><td>3</td></tr>

Each td is a column cell or Table Cell.

This template has a Title of Page and a Footer that each are one column,
and a content area that has 2 columns, both have a heading


Below I have used TH for the headings instead of TD, they both work.
The difference is TH tells the browser it is a Heading.
The text in < th > elements are bold and centered by default.
The text in < td > elements are regular and left-aligned by default.

Title of Page

Heading 1Heading 2
Table cell 1Table cell 2
Footer of Page





No comments:

Post a Comment

Leave A Comment