Making HTML Tables
Making HTML Tables
Here are the basics to creating tables. The codes for each of the tables shown
is located below the table for you to copy and paste into your HTML document.
| This is a pretty basic table |
|
|
Here is the code to that basic table -
<![CDATA[
<table BORDER="2">
<tr>
<td><font color="#00FF00"><br>
</font>
<td><font color="#000000">Text/image/link/whatever would go here</font></td>
<td><font color="#000000"><br>
</font>
</tr>
<tr>
<td><br>
</table>
<br>
]]>
Yeah, that was too easy. Let's get a little bit harder by making
the border of the table zero.
| This is a Borderless Table |
|
|
Here's the code to the borderless table.
<![CDATA[
<table BORDER="0">
<tr>
<td><font color="#000000"><br>
</font>
<td><font color="#000000">This is a Borderless Table</font></td>
<td><font color="#000000"><br>
</font>
</tr>
<tr>
<td><br>
</table>
<br>
]]>
You can make the border whatever you want.
Borderless tables have little meaning unless
you're ordering words or images in a specific
order. Speaking of images, how about putting a
image in a table.
Here is an image inside of a table.
Here is the code for the image inside of the
table.
<![CDATA[
<table BORDER="10">
<tr>
<td ALIGN="center"><img SRC="gokuucharge.gif" width="79" height="114"></td>
</table>
]]>
Note that just like the original two tables,
you can change the border to what ever you
want. I used a border of 10 for the image
above.
Alright, now we're getting somewhere. How
about muli-celled tables. In other words, you
have lots of data. Below is an example.
The code for that table is below.
<![CDATA[
<table BORDER="1" CELLPADDING="10" CELLSPACING="0">
<tr>
<td><font color="#000000">A</font></td>
<td><font color="#000000">B</font></td>
<td><font color="#000000">C</font></td>
</tr>
<tr>
<td><font color="#000000">D</font></td>
<td><font color="#000000">E</font></td>
<td><font color="#000000">F</font></td>
</tr>
</table>
]]>
Now the borderless table comes in handy. Let's
make the above table borderless.
The code for that table is below.
<![CDATA[
<table BORDER="0" CELLPADDING="10" CELLSPACING="0">
<tr>
<td><font color="#000000">A</font></td>
<td><font color="#000000">B</font></td>
<td><font color="#000000">C</font></td>
</tr>
<tr>
<td><font color="#000000">D</font></td>
<td><font color="#000000">E</font></td>
<td><font color="#000000">F</font></td>
</tr>
</table>
]]>
Need More Help? Email
Me! I would be happy to help you!
All Work Done By: Saiyaman
|
