HTML Lessons  

  1. HTML Introduction

  2. HTML Tags

  3. HTML Page Structure

  4. HTML Backgrounds

  5. HTML Formatting Text

  6. HTML Formatting Fonts

  7. HTML Headings

  8. HTML Entities

  9. HTML Line Breaks

  10. HTML Lists

  11. HTML HR- Horizontal Rule

  12. HTML Images

  13. HTML Links

  14. Table Introduction

  15. Table Rows & Columns

  16. Table Width

  17. Table Alignment

  18. Table Border Color

  19. Table Background Color

  20. Table Background Image

  21. Cell Alignment

  22. Cell Padding

  23. Cell Spacing

  24. Cell Spanning
 

Cellspacing

We can also control how much distance there will be between cells.


<body>
<table cellspacing="10" border="1">
<tr>
<td>Text1 </td>
<td>Text2 </td>
</tr>
</table>
</body>

Text1 Text2

We can make that distance even bigger:


<body>
<table cellspacing="20" border="1">
<tr>
<td>Text1 </td>
<td>Text2 </td>
</tr>
</table>
</body>

Text1 Text2

You can also put both the cellpadding and the cellspacing attributes together, like so:


<body>
<table cellspacing="20" cellpadding="20" border="1">
<tr>
<td>Text1 </td>
<td>Text2 </td>
</tr>
</table>
</body>

Text1 Text2

By default the cellpadding and the cellspacing will be 2.  By setting the values to 0 the borders will appear as simple grey  lines as shown below:


<body>
<table cellspacing="0" cellpadding="0" border="1">
<tr>
<td>Text1 </td>
<td>Text2 </td>
</tr>
</table>
</body>

Text1 Text2

Next Lesson

© Copyright Studio6000 2006. All rights Reserved.