En este artículo, definimos el grupo de contenido de pie de página en una tabla usando la etiqueta <tfoot> en HTML. Se utiliza en la tabla HTML con encabezado y cuerpo que se conoce como «thead» y «tbody». La etiqueta <tfoot> es la etiqueta secundaria de la tabla y la etiqueta principal de <tr> y <td>.
Sintaxis:
<tfoot> // Table footer contents... </tfoot>
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: green;
}
tfoot {
color: blue;
}
table,
tbody,
td {
border: 1px solid black;
border-collapse: collapse;
}
</style>
</head>
<body>
<center>
<h1>GeeksforGeeks</h1>
<h2>
How to group the footer content
in a table using HTML ?
</h2>
<table>
<thead>
<tr>
<th>Name</th>
<th> Id</th>
</tr>
</thead>
<tbody>
<tr>
<td>Mukesh</td>
<td>Shivam_b</td>
</tr>
<tr>
<td>Shashank</td>
<td>@shashankla</td>
</tr>
<tr>
<td>Rahman</td>
<td>@rahamD</td>
</tr>
</tbody>
<!-- tfoot tag starts from here -->
<tfoot>
<tr>
<td>Total user</td>
<td>4</td>
</tr>
</tfoot>
<!-- tfoot tag ends here -->
</table>
</center>
</body>
</html>
Producción
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA