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