The <td> tag is used to define a standard cell in an HTML table in a webpage.The text in <td> tags are regular and left-aligned by default.<td> tag is an HTML5 tag.It has also opening and closing ends.
Optional Attributes of <td> tag :- align|Axis|charoff|valign|bgcolor|char
Thesee attributes are not valid in HTML5 but in earlier version these are valid.
You can understand use of <td> tag by a simple example:-
Conclusion:--
Optional Attributes of <td> tag :- align|Axis|charoff|valign|bgcolor|char
Thesee attributes are not valid in HTML5 but in earlier version these are valid.
You can understand use of <td> tag by a simple example:-
e.g.1
<!DOCTYPE html>
<html>
<head>
<title>use of td tag</title>
</head>
<body>
<table border="1">
<tr>
<th>Name</th> <th>month</th> <th>Income</th>
</tr>
<tr>
<td>Rakesh</td> <td>January</td> <td>15000/-Rs.</td>
</tr>
<tr>
<td>Ram</td> <td>January</td> <td>12000/-RS.</td>
</tr>
</table>
</body> </html>
Result:-
e.g.2
There are two attribiutes cellpadding and cellspacing which can use to adjust the white space in your table cell. Cellspacing defines the width of the border, while cellpadding specifies the distance between cell borders and the content within.
<!DOCTYPE html>
<html>
<head>
<title>use of td tag</title>
</head>
<body>
<table border="1" cellpadding="16">
<tr>
<th>Month</th> <th>Savings</th>
</tr>
<tr>
<td>January</td> <td>$100</td>
</tr>
</table>
</body>
</html>
Result:-
e.g.2.1
<!DOCTYPE html>
<html>
<head>
<title>use of td tag</title>
</head>
<body>
<table border="1" cellpadding="16" cellspacing="5">
<tr>
<th>Month</th> <th>Savings</th>
</tr>
<tr>
<td>January</td> <td>$100</td>
</tr>
</table>
</body>
</html>
Result:-
<!DOCTYPE html>
<html>
<head>
<title>use of td tag</title>
</head>
<body>
<table border="1">
<tr>
<th>Name</th> <th>month</th> <th>Income</th>
</tr>
<tr>
<td>Rakesh</td> <td>January</td> <td>15000/-Rs.</td>
</tr>
<tr>
<td>Ram</td> <td>January</td> <td>12000/-RS.</td>
</tr>
</table>
</body> </html>
Result:-
| Name | month | Income |
|---|---|---|
| Rakesh | January | 15000/-Rs. |
| Ram | January | 12000/-Rs. |
e.g.2
There are two attribiutes cellpadding and cellspacing which can use to adjust the white space in your table cell. Cellspacing defines the width of the border, while cellpadding specifies the distance between cell borders and the content within.
<!DOCTYPE html>
<html>
<head>
<title>use of td tag</title>
</head>
<body>
<table border="1" cellpadding="16">
<tr>
<th>Month</th> <th>Savings</th>
</tr>
<tr>
<td>January</td> <td>$100</td>
</tr>
</table>
</body>
</html>
Result:-
| Month | Savings |
|---|---|
| January | $100 |
e.g.2.1
<!DOCTYPE html>
<html>
<head>
<title>use of td tag</title>
</head>
<body>
<table border="1" cellpadding="16" cellspacing="5">
<tr>
<th>Month</th> <th>Savings</th>
</tr>
<tr>
<td>January</td> <td>$100</td>
</tr>
</table>
</body>
</html>
Result:-
| Month | Savings |
|---|---|
| January | $100 |
Conclusion:--
So the <td> tag is used to define a row in an HTML table in a webpage.<td> and <th> tags are important for table designing in webpage.
0 comments:
Post a Comment