**We only support Internet Explorer. If your browser does not meet this requirement, you will have difficulty accessing
portions of this website. We apologize for any inconvenience:( Click Here to download Internet Explorer 7 .
© Leave us a MySpace Comment©
Navigation
MySpace 1.0
MySpace Goodies
MySpace Banners
© Leave us a MySpace Comment©
Graphics/Comments
1.0 Tutorials & Codes
2.0 Tutorials & Codes
More Tutorials & Codes
Generators/Widgets
Html Tutorials
Sponsors
MySpace 2.0
Friends
Other Cool Stuff
Sponsors
|
|
TO CREATE A TABLE WITH BORDERS
|
|
|
This is a sample of a table with borders. You can make adjustments to the table by changing the code a bit.. |
|
|
<html> <body>
<table width="500" border="2"> <tr> <th align="left">Household Budget ...</th> <th align="center">January</th> <th align="center">February</th> </tr> <tr> <td align="left">Groceries</td> <td align="right">$400.00</td> <td align="right">$200.00</td> </tr> <tr> <td align="left">Mortgage</td> <td align="right">$3000.00</td> <td align="right">$3000.00</td> </tr> <tr> <td align="left">Utilities</td> <td align="right">$800.00</td> <td align="right">$600.00</td> </tr> <tr> <th align="left">Sum</th> <th align="right">$4200.00</th> <th align="right">$3800.00</th> </tr> </table>
</body> </html> |
|
|
This is what it will look like: |
|
|
|
|
|
To create a table what you have to know is that the table starts at the left and enters the text to the right.
Let’s say you want to have a table that has 7 rows instead of 5 you would add ... |
|
|
<tr> <td align="left">Utilities</td> <td align="right">$800.00</td> <td align="right">$600.00</td> </tr> |
|
|
before the </table> for every row you would like to add. So if you have to add 2 rows as I did in the example below you would type the code two times. In this case I added “Gas Expenses and Clothing”. |
|
|
|
|
|
So if you want to change the table and add 2 column headings (using the example below) you would type the following;
<th align="center">March</th> <th align="center">April</th>
Now let’s say you want to have 5 columns instead of 3 you would then add to the code like this: (Eveything red is what was added). |
|
|
<html> <body>
<table width="500" border="2"> <tr> <th align="left">Household Budget ...</th> <th align="center">January</th> <th align="center">February</th> <th align="center">March</th> <th align="center">April</th> </tr>
</tr> <tr> <td align="left">Groceries</td> <td align="right">$400.00</td> <td align="right">$200.00</td> <td align="right">$300.00</td> <td align="right">$150.00</td>
</tr> <tr> <td align="left">Mortgage</td> <td align="right">$3000.00</td> <td align="right">$3000.00</td> <td align="right">$3000.00</td> <td align="right">$3000.00</td> </tr> <tr> <td align="left">Utilities</td> <td align="right">$800.00</td> <td align="right">$600.00</td> <td align="right">$700.00</td> <td align="right">$850.00</td>
</tr> <tr> <th align="left">Sum</th> <th align="right">$4200.00</th> <th align="right">$3800.00</th> <th align="right">$4000.00</th> <th align="right">$4000.00</th> </tr> </table>
</body> </html> |
|
|
And this is what it looks like |
|
|
|
|
|
|
| Household Budget ... | January | February |
|---|---|---|
| Groceries | $400.00 | $200.00 |
| Mortgage | $3000.00 | $3000.00 |
| Utilities | $800.00 | $600.00 |
| Gas Expenses | $1800.00 | $1200.00 |
| Clothing | $200.00 | $400.00 |
| Sum | $4200.00 | $3800.00 |
| Household Budget ... | January | February | March | April |
|---|---|---|---|---|
| Groceries | $400.00 | $200.00 | $300.00 | $150.00 |
| Mortgage | $3000.00 | $3000.00 | $3000.00 | $3000.00 |
| Utilities | $800.00 | $600.00 | $700.00 | $850.00 |
| Sum | $4200.00 | $3800.00 | $4000.00 | $4000.00 |
| Household Budget ... | January | February |
|---|---|---|
| Groceries | $400.00 | $200.00 |
| Mortgage | $3000.00 | $3000.00 |
| Utilities | $800.00 | $600.00 |
| Sum | $4200.00 | $3800.00 |
© HTML Tutorials & Codes ©