Cellspacing and Cellpadding are two important attributes of <Table> tag. As you know <Table> tag is used to create and display tables in HTML documents.
What is CELLSPACING?
Cellspacing is an important attribute of <Table> tag in HTML. Cellspacing specifies the spacing between adjacent cells in a table. Consider the following example of an HTML table with cellspacing attribute set to 50.
Example of Cellspacing use
<TABLE border=”1″ cellspacing=”30″>
<th>Name</th><th>Marks</th>
<tr><td>Sajid Mahmood</td><td>666</td>
<tr><td>Majid Karim</td><td>555</td>
</table>
| Name | Marks |
|---|---|
| Sajid Mahmood | 666 |
| Majid Karim | 555 |
Example of Cellspacing=15
<TABLE border=”1″ cellspacing=”15″>
<th>Name</th><th>Marks</th>
<tr><td>Sajid Mahmood</td><td>666</td>
<tr><td>Majid Karim</td><td>555</td>
</table>
| Name | Marks |
|---|---|
| Sajid Mahmood | 666 |
| Majid Karim | 555 |
Example of Cellspacing=0
<TABLE border=”1″ cellspacing=”0″>
<th>Name</th><th>Marks</th>
<tr><td>Sajid Mahmood</td><td>666</td>
<tr><td>Majid Karim</td><td>555</td>
</table>
| Name | Marks |
|---|---|
| Sajid Mahmood | 666 |
| Majid Karim | 555 |
What is CellPadding?
Cellpadding is used to specify the distance between a cell contents and its boundaries. For example, consider the following table with cellpadding=0
Example of Cellpadding=0
<TABLE border=”1″ cellpadding=”0″>
<th>Name</th><th>Marks</th>
<tr><td>Sajid Mahmood</td><td>666</td>
<tr><td>Majid Karim</td><td>555</td>
</table>
| Name | Marks |
|---|---|
| Sajid Mahmood | 666 |
| Majid Karim | 555 |
Example of Cellpadding=20
<TABLE border=”1″ cellpadding=”20″>
<th>Name</th><th>Marks</th>
<tr><td>Sajid Mahmood</td><td>666</td>
<tr><td>Majid Karim</td><td>555</td>
</table>
| Name | Marks |
|---|---|
| Sajid Mahmood | 666 |
| Majid Karim | 555 |
Example of Cellpadding=50
<TABLE border=”1″ cellpadding=”50″>
<th>Name</th><th>Marks</th>
<tr><td>Sajid Mahmood</td><td>666</td>
<tr><td>Majid Karim</td><td>555</td>
</table>
| Name | Marks |
|---|---|
| Sajid Mahmood | 666 |
| Majid Karim | 555 |