In our last tutorial we discussed how to create different types of frames and position them on the page. We also covered the various types of lists we can create. And I even let you in on a little recipe in my plot to make you fatter than me. In this tutorial we will go over tables (you will need a place to put that dinner I told you how to make after all) and how to insert them into your web pages.
HTML Tables - Cellpadding and Cellspacing (Page 5 of 7 )
To create more space between the data in a cell and the borders that surround it, we use cellpadding. To increase the space between cells, we use cellspacing. The sample below demonstrates their use:
<html>
<body>
<h2>No Cellpadding or Cellspacing:</h2>
<table border="1">
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
<tr>
<td>Lois</td>
<td>Griffin</td>
</tr>
</table>
<h2>Cellpadding and Cellspacing:</h2>
<table border="1"
cellpadding="12" cellspacing="10">
<tr>
<td>Brian</td>
<td>Griffin</td>
</tr>
<tr>
<td>Stewie</td>
<td>Griffin</td>
</tr>
</table>
</body>
</html>
Here is what will be displayed in the user's browser:
HTML 
/ 4 
HTML5 Boilerplate Introduction
