interview

Home / DeveloperSection / Interviews / How to use Cellpadding and Cellspacing Attributes in HTML code.?

Ask Question

How to use Cellpadding and Cellspacing Attributes in HTML code.?

Ailsa Singh 1858 12-Oct-2016
html html 
Updated on 01-May-2023
Ailsa Singh

Ailsa Singh

Follow

Can you answer this question?

Answer

2 Answers

Aryan Kumar

Aryan Kumar

27-Apr-2023

In HTML, cellpadding and cellspacing are attributes that can be used to control the amount of space between cells in an HTML table.

Here's how you can use these attributes in your HTML code:

  1. cellpadding: This attribute is used to add padding (space) inside each cell of the table. You can set the value of cellpadding to control the amount of space between the cell content and the cell border.

Example:

<table cellpadding="10">
 <tr>
   <td>Cell 1</td>
   <td>Cell 2</td>
 </tr>
 <tr>
   <td>Cell 3</td>
   <td>Cell 4</td>
 </tr>
</table>
  1. cellspacing: This attribute is used to add space between cells in a table. You can set the value of cellspacing to control the amount of space between the cells.

Example:

<table cellspacing="10">
 <tr>
   <td>Cell 1</td>
   <td>Cell 2</td>
 </tr>
 <tr>
   <td>Cell 3</td>
   <td>Cell 4</td>
 </tr>
</table>

Note that using cellpadding and cellspacing attributes is not recommended in modern HTML development, as it is better to use CSS to control the spacing and padding of table cells. However, these attributes can still be used for backward compatibility with older browsers or for specific use cases where CSS is not available or feasible.

 

 


 

Ailsa Singh

Ailsa Singh

12-Oct-2016

Cellpadding and Cellspacing Attributes in HTML code.

It is used to adjust the spaces of the table.

CellSpacing : It is used to define the width of the border

CellPadding : it is used to define the distance between the border and content within the cell

<!DOCTYPE html>
<html>                   
<body>
<table border="1" cellpadding="50"
cellspacing="50">
<tr>
<th>Name</th>
<th>Post</th>
</tr>
<tr>
<td>Abhishek</td>
<td>Software Developer</td>
</tr>
<tr>
<td>Pri</td>
<td>Programmer</td>
</tr>
</table>
</body>
</html>

Liked By