how to build a table step-by-step ...

Roy · 25-03-2006, 10:06 AM

Here is the HTML code that makes this table; here also is a description of what the code does. Following this example, you will understand the basic rules and be able to build your own table.

Code:

<table border="1" cellpadding="5" cellspacing="5">

The border of the table was specified as 1 pixel. If you want an invisible table border, just set it to 0.
Cellpadding (spacing within cells themselves) = 5 pixels.
Cellspacing (spacing between each cells) = 5 pixels.

Code:

<caption align="top">This is caption.</caption>

Caption tag show the caption above the table.

Code:

<tr>

Telling a browser that we are opening a table's row.

Code:

<th bgcolor="#FFFFCC">This is header</th>
<th bgcolor="#FFFFCC">The letters in this section
are bold.</th>
<th bgcolor="#FFFFCC">We are bold because we are
in &lt;TH&gt; tag.</th>
<th bgcolor="#FFFFCC">&lt;TH&gt; means Table
Header</th>

<th> tag refers to "Table Header". Characters within this tag will be shown bold. Like the <td> tag, the <th> tag can have the value of background color specified. This is not in the HTML 3.2 standard, but this additional attribute is supported by both Netscape and Explorer. You can also put background="your_image.gif" as a background, but only Explorer supports table background.

Code:

</tr>

Close the row.

Code:

<tr>

Open new row

<td colspan="2">This cell is wider than others
because the colspan was set = 2.</td>
<td>This is ordinary text in ordinary cell.</td>
<td rowspan="2">This cell has more vertical space
because the rowspan was set = 2.</td>
<TD> = table data. COLSPAN is the number of columns spanned by the cell. ROWSPAN is the number of rows spanned by the cell. Both have a default at 1.
</tr>
Close the row.
<tr>
Open new row
<td>This is ordinary text in ordinary cell.</td>
<td>This is ordinary text in ordinary cell.</td>
<td align="right" valign="bottom">This text is right/bottom align.</td>
ALIGN is for horizontal. Its default value is "left". VALIGN is for vertical. Its default value is "middle".

Code:

</tr>
</table>

Now you know the basics of how to build a table and what its attributes are. You may adjust and use the table in many circumstances. I have put some concerns about using tables in another page on this site called "How to make your page fit in any screen resolutions".

wilma · 07-07-2006, 09:35 PM

all of your tutes r nice..roy..thank you.

25-03-2006, 10:06 AM	#1
Roy Junior Member (25+) Join Date: Nov 2005 Location: trivandrum Age: 24 Posts: 45 Thanks: 0 Thanked 4 Times in 3 Posts Rep Power: 3	how to build a table step-by-step ... Here is the HTML code that makes this table; here also is a description of what the code does. Following this example, you will understand the basic rules and be able to build your own table. Code: <table border="1" cellpadding="5" cellspacing="5"> The border of the table was specified as 1 pixel. If you want an invisible table border, just set it to 0. Cellpadding (spacing within cells themselves) = 5 pixels. Cellspacing (spacing between each cells) = 5 pixels. Code: <caption align="top">This is caption.</caption> Caption tag show the caption above the table. Code: <tr> Telling a browser that we are opening a table's row. Code: <th bgcolor="#FFFFCC">This is header</th> <th bgcolor="#FFFFCC">The letters in this section are bold.</th> <th bgcolor="#FFFFCC">We are bold because we are in <TH> tag.</th> <th bgcolor="#FFFFCC"><TH> means Table Header</th> <th> tag refers to "Table Header". Characters within this tag will be shown bold. Like the <td> tag, the <th> tag can have the value of background color specified. This is not in the HTML 3.2 standard, but this additional attribute is supported by both Netscape and Explorer. You can also put background="your_image.gif" as a background, but only Explorer supports table background. Code: </tr> Close the row. Code: <tr> Open new row <td colspan="2">This cell is wider than others because the colspan was set = 2.</td> <td>This is ordinary text in ordinary cell.</td> <td rowspan="2">This cell has more vertical space because the rowspan was set = 2.</td> <TD> = table data. COLSPAN is the number of columns spanned by the cell. ROWSPAN is the number of rows spanned by the cell. Both have a default at 1. </tr> Close the row. <tr> Open new row <td>This is ordinary text in ordinary cell.</td> <td>This is ordinary text in ordinary cell.</td> <td align="right" valign="bottom">This text is right/bottom align.</td> ALIGN is for horizontal. Its default value is "left". VALIGN is for vertical. Its default value is "middle". Code: </tr> </table> Now you know the basics of how to build a table and what its attributes are. You may adjust and use the table in many circumstances. I have put some concerns about using tables in another page on this site called "How to make your page fit in any screen resolutions". __________________ 09846473816 Last edited by Strider; 25-03-2006 at 10:17 AM..

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Please Instruct Me Install SUSE Linux Enterprise 10 Desktop Step By Step	davidinvestworld	Suse Linux	4	29-08-2007 08:31 PM
How do I download all templets through one step?	itzASIF	Microsoft Office	6	28-08-2007 04:45 PM
First step	Goran	Windows Vista All	1	17-08-2007 04:11 PM
Step by step guide to convert AVI/MPEG/DivX/Mov/RMVB video to DVD	bluesealover	Windows XP	0	16-08-2007 11:56 PM
Windows Vista Step-by-Step Guides for IT Professionals	bakuryu	Windows 98/2000/ME/XP/2003/Vista	0	31-05-2006 10:52 PM

New To Site?	Need Help?
Register to Participate Meet our Staff Refer Forum Rules Contact Us	Frequently Asked Questions Did you forget your password? Mark Forums Read

07-07-2006, 09:35 PM	#2
wilma Newbie Join Date: Jun 2006 Posts: 13 Thanks: 0 Thanked 0 Times in 0 Posts Rep Power: 0	all of your tutes r nice..roy..thank you.

how to build a table step-by-step ...

Programming