Reads >> HTML >> tables
Table Introductory

To make a table, you will need 6 brackets. (shown below)
<table> <tr> <td> And then of course, you will need the closing brackets for them as well. (shown below)
<table> <tr> <td>

<tables>

It indecates that you want to start a table. You can add many attributes such as...

Height, width, cellspacing, cellpadding, border, style, and more
When you are done with a table, remember to close it with </table>

<tr>

This can only be used inside the table brackets This is the table rows bracket. When you want to start a new row, you put an opening table row bracket <tr>.
Table row 1 --> cellcellcell
Table row 2 -->cellcellcell
Table row 3 -->cellcellcell

The table row bracket can have there attributes...

height, width, border, style, and more

Remember to close the table row bracket with this...</tr>
If you do not, you will not start a new row when you put the second table row in.

<td>

This is the table data bracket, or you can call it as a cell bracket. This can only be inside the table ro(<tr>)brackets which is inside the table (<table>) brackets.
The cell is where you actually put the data in.
The <td> can have many attribute. Here are some.

height, width, colspan, rowspan, style, border
The colspan means column-span. if you want to span the data cell over two data cells under it, you would put
<td colspan="2">
See how it works now?
The row apn works the samw way. if you want to span the data cell over two data cells beside/next to it you would put
<td rowspan="two">

You can insert all different kindsd of tings into the data cell, like images, links, and other tables.
Remember to close the data cell brackets with </td>

Overall Code

To put the 3 table brackets together, you start with <table>. Below is how a table code should look like. (I didn't use any attributes.)
<table> <tr> <td> Yadda yadda yadda.. Hello people, this is my table! </td> </tr> </table>

Links


Crescent Dreams Allianora Caramello D. Owaranai Kiss Ego Box Ablaireal Chocolate Peach Affiliates Reiku.org X-Tenshi.com Glitter Please vote for my site in the Cute Top 25!

Pink Garden Topsites




Digital Lavender © 2005-2008 Lily Lin. All rights reserved.
See Terms Of Usage and the credits page.
eXTReMe Tracker