Etiqueta de pie HTML

La etiqueta <tfoot> en HTML se usa para dar un grupo de contenido de pie de página. Esta etiqueta se usa en una 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>

Atributos: la etiqueta <tfoot> contiene muchos atributos que son compatibles con HTML4.1 pero no con HTML5. 

  • align : establece la alineación del contenido del texto.
  • valign : se utiliza para establecer la alineación vertical del contenido del texto.
  • char: alinea el contenido de una celda de encabezado con un carácter.
  • charoff: Se utiliza para establecer el número de caracteres que se alinearán a partir del carácter especificado por el atributo char. El valor de estos atributos está en forma numérica.

Ejemplo: 

HTML

<!DOCTYPE html>
<html>
     
    <body>
        <center>
        <h1>GeeksforGeeks</h1>
        <h2>tfoot Tag</h2>
        <table >
            <thead>
                <tr>
                    <th>Name</th>
                    <th>User Id</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Ram</td>
                    <td>@ram_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
  • Safari
  • Ópera

Publicación traducida automáticamente

Artículo escrito por Vishal_Khoda y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *