??? ?? ??? HTML? tfoot? ? ??? ??? ??? ?? ?????? ??? ?????. ??
??
<table> <thead> <tr>….</tr> </thead> <tbody> <tr>….</tr> <tr>….</tr> </tbody> <tfoot> <tr> <td>….</td> </tr> </tfoot> </table>
? ????
?? ?? ??? ???? ??? ???? ?????.???? ?? ???align: ? ??? ??? ???? ???? ???? ? ??? ???.
valign: ??? ??? ??? ???? ?? ??? ??? ? ?????.
char:
? ??? ??? ?? ? ?????. ??? ?? ?? ???? ?? ??? ?? ???? ? ?????.Charoff: char ??? ???? ? ???? ? ??? ??? ?????. ??? ??? ??? ?? ???? ?????.
? ??? ????? ? ????. ??, ? ??, ? ??? ??? ?? ?? ???? ??? ????, ??? ?? ??? ?? ??? ????? ?? ????, ??? ??? ?? ????? ?? ??? ???? char ?? ?????.? ??? ??? ?? ??? CSS ??? ?? ??? ? ????.
text-align: ? ??? ??? ???? ???? ??? ???? ??, ???, ?? ?? ?? ??? ??? ?? ???? ? ??? ???.
bgcolor: ? ?? ?? ????? ??? ?? ? ??? ???? ? ?? ?? ??? ??? ? ????.
font-style:
? ??? ???? ???? ??? ? ????. ???. ?? ?? ??, ????, ???, ?? ??? ??? ? ????.font-size: ???? ? ??? ??? ???? ??? ?? ??? ??? ???? ??? ? ????.
font-weight: ???? ???? ??, ????? ?? ??? ? ????.
text-transform: ? ??? ???? ??? ??? ????? ???? ????? ???? ??? ??? ???.
??? ??:
??? ???? ? ??? ??? ?? ?, ??? ?? ???, ??? ?? ?? ?? ??? ? ????.text-shadow: ? ??? ???? ???? ???? ? ??? ???.
line-height: ??? ?? ??? ???? ? ??? ???.
?? ??: ?? ??? ??? ??? ???? ?? ??? ?? ? ?????.
tfoot?? HTML? ??? ??????
??? ??? ???, ???, ??? ?? ???? ?? ??? ???????. ? ??? ?? ??????
HTML?? ??? ??? ?????:?:
<table> <thead> <tr> <th>Emp_ID<th> <th>Name<th> <th>Designation<th> </tr> </thead> <tbody> <tr> <td>111</td> <td>John</td> <td>Developer</td> </tr> <tr> <td>112</td> <td>Krishna</td> <td>Tester</td> </tr> <tr> <td>113</td> <td>Danish</td> <td>Project Manager</td> </tr> </tbody> <tfoot> <tr> <td>Total Employee</td> <td> 3 </td> </tr> </tfoot> </table>
?? ???
??? ???? ? ?? ?? ?????.HTML? tfoot ?
HTML? tfoot ?? ??? ????.
?? #1
???? ??
? ???? Budget-2020b? ?? ?? ????. ??:??:
<!DOCTYPE html>
<html>
<head>
<style>
thead {
background-color:cadetblue;
color: #fff;
}
tbody {
background-color: lightcyan;
}
table {
border-collapse: collapse;
border: 2px solid rgb(180, 180,180);
}
td,
th {
border: 1px solid rgb(200, 200, 200);
padding: 5px 5px;
}
td {
text-align: left;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>Decreasing Prices</th>
<th >Increasing Prices</th>
</tr>
</thead>
<tbody>
<tr>
<td>SOYA PROTEIN</td>
<td>CONSUMERS HAVE TO SHELL MORE FOR CHEMICALS</td>
</tr>
<tr>
<td >SOYA FIBRE</td>
<td>AUTO PARTS</td>
</tr>
<tr>
<td >ALCOHOLIC BEVERAGES</td>
<td>FANS, TABLEWARE </td>
</tr>
<tr>
<td >SKIMMED MILK </td>
<td>KITCHENWARE PRICES TO </td>
</tr>
<tr>
<td >FUSE, CHEMICALS, PLASTICS</td>
<td>MEDICAL EQUIPMENT COSTLIER</td>
</tr>
<tr>
<td >LIGHTWEIGHT-COATED PAPER </td>
<td>FURNITURE </td>
</tr>
</tbody>
<tfoot>
<tr>
<th>CHEAPER PRODUCTS</th>
<th>EXPENSIVE PRODUCTS</th>
</tr>
</tfoot>
</table>
</body>
</html>
??:
?? #2
???
? ???? ????. ??:??:
<!DOCTYPE html>
<html>
<head>
<title>HTML tfoot Tag</title>
<style>
table{
border-collapse: collapse;
}
thead,tfoot{
background-color:darkgoldenrod;
color:white;
padding:5px;
}
tbody{
background-color:azure;
padding:5px;
}
</style>
</head>
<body>
<h4>tfoot in HTML</h4>
<table border="1" >
<thead>
<tr>
<th>Subject</th>
<th>Marks</th>
<th>Grades</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Total Marks</th>
<th>647</th>
<th>A+ </th>
</tr>
</tfoot>
<tbody>
<tr>
<td>English</td>
<td>90</td>
<td>A+</td>
</tr>
<tr>
<td>Math</td>
<td>85</td>
<td>A</td>
</tr>
<tr>
<td>Science</td>
<td>80</td>
<td>A</td>
</tr>
<tr>
<td>History</td>
<td>75</td>
<td>B</td>
</tr>
<tr>
<td>Social Science</td>
<td>75</td>
<td>B</td>
</tr>
<tr>
<td>History</td>
<td>72</td>
<td>B</td>
</tr>
<tr>
<td>Geography</td>
<td>95</td>
<td>A+</td>
</tr>
<tr>
<td>Biology</td>
<td>75</td>
<td>B</td>
</tr>
</tbody>
</table>
</body>
</html>
??:
Example #3
General Example on tfoot tag.
Code:
<!DOCTYPE html>
<title>tfoot tag</title>
<style>
table, td, th {
border: 1px solid black;
padding: 3px;
text-align: center;
}
table {
background-color:lightgray;
}
</style>
<table>
<thead>
<tr><th>Department</th><th>Number of People</th></tr>
</thead>
<tbody>
<tr>
<td>Principle</td>
<td>1</td>
</tr>
<tr>
<td>Supervisor</td>
<td> 4 </td>
</tr>
<tr>
<td>Teaching staff</td>
<td>200</td>
</tr>
<tr>
<td>Non-Teaching staff</td>
<td>20</td>
</tr>
<tr>
<td>Peon</td>
<td>15</td>
</tr>
</tbody>
<tfoot>
<tr><th>Total People</th><th>236</th></tr>
</tfoot></table></html>
Output:
Conclusion
From all the above information, we can say that
is one of the important tags in the table, which helps to display the table summary at the bottom of the table. It’s always necessary to put tag at ends, so it will help the browser to render the table footer correctly.? ??? HTML? tfoot? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
??? ??
8637
17
1783
16
1728
56
1577
28
1442
31
? ???? ???? ? ???? HTML ??? ??????
Jul 03, 2025 am 02:34 AM
? ??? ??? Core HTML ???? ???????. 1. ???? ?? ??? ?? ??? ???? ??? ???? ?? ?? ? ?? ??? ?????. 2. ??? ??? ?? ?? ? SEO? ???? ?? ?? (-), ?? () ? ?? ?? (? :)? ?????. 3. ?????? ???? ????, ????? ???? ??? ???? ????? ?? Aria-Current ??? ???? ?????. 4. ?? ?? ???? ?? ??? ?? ? ?? ??? ?????. ??? ??? ???? ???? ??? ???, ?? ?? ? ?? ?? ???? ?? ? ? ????.
HTML5 ??-??? ???? ?? ?? ? ??? ?????.
Jul 03, 2025 am 02:28 AM
HTML5SSE? ???? ?? ? ?? ? ??? ???? ???? ??? ?????. 1. ?? ? ?? ????? ??????. ??? ??? ????? ??? ?? ? ? 3 ? ?? ? ?????. ??? ??? ?? ??? ??? ?? ? ? ????. 2. ?? ???? ?? ?? ?? ?? ?? ?? ??? ???? ?? ??? ???? ?? ? ??? ???? ???? ??, ?? ?? ? ?? ?? ? ?? ?? TOKEN? ?? ?? ??? ?????. 3. ??? ???? ?? ????, ?? ??? ?? ?? ????, Navigator.online? ???? ??? ???? ?? ??? ????? ? ? ?? ??? ????? ??????. ??? ??? ?? ???? ???? ??? ??? ???? ? ????.
?? ???? ?? ??? HTML5 DocType? ?????.
Jul 03, 2025 am 02:35 AM
DocType? HTML ?? ????? ???? ?? ???? ? ???? ????? ???? ????. ?? ? ???? HTML ??? ?? ????? ???????. ? ??? ????? ??? ??? ?? ?? ??? ???? ????? ? ?? ?? ???????. ?? ?? ??? ??? ?? ??? ?? ???? ?? ??? ???? ?? ????. Charset, Viewport ?? ?? ?? ??? ????? ???????.
HTML5 ??? ?? ? ? ???? ???? SEO ??.
Jul 03, 2025 am 01:16 AM
HTML5 ??? ??? Microdata? ???? ?? ??? ??? ?? ? ??? ??? ? ? ???? ? ????? ??? SEO? ???? ? ????. 1. HTML5 ??? ??? ???? ??? ??? ??? ????? ?? ?? ????? ??? ??? ??? ???? ? ??????. 2. ?? ??, ???, ?? ?? ?? ?? ?? ???? ???? ?? MicroData ??? ? ???? ???? ?? ??? ?? ??? ???? ?? ??? ??? ???? ? ??? ? ???; 3. ??? ???, ?? ??? ???, ??? ? ???? ??? ?????, Schema.org? ??? ????? ????? ??????, ?? SEO ??? ???? ????? ????? ?? ?????? ??????.
HTML? ???? ?? ?? ?? ??? ??? ????? ??? ??????
Jul 04, 2025 am 03:16 AM
?? ?? ???? HTML?? ??? ?? ???? ??????. ???? ??? ?? ??? ???? ??? ?? ??? ??? ?? ?? ??? ???? ????. 1. ??, ???, ??? ?? ?? ??? ???? ????. 2. ??, ???? ?? ?? ??? ???? ????. 3. ?? ?? ???? ?? ? ??? ???? ?? ?????. ?? ??? ??? ?????. ? ?? ??? ??? ??? ?? ???? ? ? ????. style ???? ???? ??? CSS ?? ?? ?????? ?? ???????. Select2? ?? ????? ??? ????? ? ??? ? ????.
HTML ?? ??? ???? ?? ??? ?? ??
Jul 07, 2025 am 02:31 AM
HTML ?? ??? ???? ?? ??? ??? ???? ?? ?? ?? ? ???? ?? ??? ????????. 1. ????? ??? ??? ????? ?? ? ?? ?? (? : ??, ??, ???)? ?? ??? ?????. 2. JavaScript? ?? ?? ? ??? ???? ID? ?? ??? ?? ??? ??? ???? ?? ? ????. 3. CSS? ???? ???, ???, ?? ??? ? ??/?? ?? ??? ???? ???? ??? ???? ??? ??? ??????. 4. ???? ????????? : ???? ? ??? ????? ??? ???? JS ???? ???? ????? ???? ??? ???? ??? ??? ??? ???? ??? ?????. ??? ???????
CSS ? JavaScript? HTML5 ??? ????? ?????.
Jul 12, 2025 am 03:01 AM
HTML5, CSS ? JavaScript? ??? ??, ???? ?? ?? ? ???? ??? ????? ????????. 1. SEO ? ????? ???? ????? ??? ??? ? ?? ??? ??? ?? HTML5 ??? ??? ??????. 2. CSS? ???? ?? ??? ???? ???? ???? ??? ???? ????? ??? ?????. 3. JavaScript? ??? ???? ?? ???? DEFER ?? ASYNC? ???? ?? ???? ??? ?? ??? ????????. 4. ??? ??? ??? ???? ??? ??? ?? ? ??? ?? ?? ??? ?? ??? ???? ?? ?? ?? ??? ?? ?? ???? ??????. ??? ??? ??? ??? ????? ????? ?? ?? ? ? ????.
