Cellpadding & Cellspacing Attributes on HTML Table

Cellpadding & Cellspacing Attributes:

• It is used to adjust the white space in your table cells.
• Cellpadding represents the distance between cell borders & content within the cell.
• Cellspacing attributes defines the width of the border.
Example:

<!DOCTYPE html>
<html>
<head>
<title>HTML Table</title>
</head>
<body>
<table border=”1” cellpadding=”5”cellspacing=”5”>
<tr>
<th>Name</th>
<th>Salary</th>
</tr>
<tr>
<td>Raju</td>
<td>5000</td>
</tr>
<tr>
<td>Masuf</td>
<td>4000</td>
</tr>
</table>
</body> 
</html>
OUTPUT:

Comments

Post a Comment

Popular posts from this blog

Set Font Colour

Set Font Colour: • You can set font colour by using color attributes. • You can specify either hexadecimal colour code or colour name. Example: <!DOCTYPE html> <html> <head> <title>Font size</title> </head> <body> <font color="#FF00FF">This text is Pink</font><br/> <font color="yellow"> This text is Yellow</font><br/> </body> </html> OUTPUT: This text is Pink This text is Yellow
Read more

HTML FONTS

Image
HTML FONTS: • Fonts play an important role in making a website. • HTML <font> tag used toad style, size, & colour to the text on your website. • You can use a <basefont> tag to set all of your text to the same size, face, &colour. NOTES: The font & basefont tags are deprecated & it is supposed to be removed in a future version of HTML. So they should not use rather, it’s suggested to use CSS styles to manipulate your fonts. Set Font size: • You can set content font size using size attributes. • The accepted value is 1 to 7. • Default size is 3. • Here size 1 is smallest size & 7 is largest size. • You can also specify the size +n or -n. Example: <!DOCTYPE html> <html> <head> <title>Font size</title> </head> <body> <font size="-1">Font Size="-1"</font><br/> <font size="1">Font Size="1"</font><br/> <font size="2">Font Size=&
Read more

HTML Table Heading

Image
Table Heading: • It is used by using <th> tag. • Normally you will put your top row as table heading. Example : <!DOCTYPE html> <html> <head> <title>HTML Table</title> </head> <body> <table border=”1”> <tr> <th>Name</th> <th>Salary</th> </tr> <tr> <td>Raju</td> <td>5000</td> </tr> <tr> <td>Masuf</td> <td>4000</td> </tr> </table> </body> </html>   OUTPUT :
Read more