*Platinum Member*
Posts: 81742
Liked By: 154
Joined: 22 Jun 02
Followers:
3
Tipsters Championship:
Player
has not started
|
TABLES
FORMAT Tables begin and end with the <table> and </table> tags. All table information must appear between these tags.
TABLE ELEMENTS
<TR> ... a Table Row
The <tr> tag designates a row within your table. All table cells must be placed within a table row. Always close your table row with the </tr> tag.
<TD> ... a Table Data Cell The data cell can contain anything! Text, images, links, or even another table...!!
All HTML tags work within your data cell. These are the "body" of your table. Always close with the </td> tag.
<TH> ... a Table Header Cell
Virtually the same as <td> Use the header cell to put headings in your tables. It will appear in bold type and the data will be centered. Always close with the </th> tag.
THE BASIC TABLE <table> --> opens the table <tr> --> begins a row in the table <td> --> opens a data cell Enter your data here... text, links, images, etc. </td> --> closes the data cell </tr> --> closes the table row </table> closes the table
BORDER Adding this to your table tag lets you specify whether or not your table has borders. BGCOLOR You can add this tag to change the background color of your table, row, or table cells. You can make each row a different color, even the different cells can be of different colors. ALIGNMENT This tag helps you align your text in the table, row or cell. If you don't add it, your image or text will be aligned to the left (it's the default). You can specify center or left to change the alignment. VALIGN This tag aligns your table vertically. If you don't change it to "top" or "bottom" your information in your table will be aligned vertically in the center. CELLPADDING This sets the margins inside of your table cells on all four sides of your cell. CELLSPACING This sets the spacing between your table cells. ROWSPAN Adding this creates a column that spans your rows vertically, it can span all or some of your rows. COLSPAN The colspan tag makes the data cell stretch over two or more columns.
Adding on a border
Adding on colors
Adding on Cellspacing
Adding on Cellpadding
Inserting Alignment
Insert Headings
Cell 1 Heading | Cell 2 Heading |
---|
Cell 3 | Cell 4 |
Insert alignment
Cell 1 Heading | Cell 2 Heading |
---|
Cell 3 | Cell 4 |
Inserting Rowspan
Cell 1 Heading | Cell 2 Heading |
---|
Cell 4 |
Inserting Colspan
Cell 1 Heading | Cell 2 Heading |
---|
Cell 3 |
Inserting Background picture
Cell 1 Heading | Cell 2 Heading |
---|
Cell 3 | Cell 4 |
Inserting Captions
Insert caption text here
Cell 1 Heading | Cell 2 Heading |
---|
Cell 3 | Cell 4 |
Inserting Border color
Insert caption text here
Cell 1 Heading | Cell 2 Heading |
---|
Cell 3 | Cell 4 |
|