Elemento tfoot
Si no sabes lo que es un elemento o cómo debes usarlo, te recomiendo leer el tutorial "Tags y atributos en HTML" que puedes encontrar en la sección de tutoriales HTML.
Tabla de contenidos
Descripción
El elemento tfoot
contiene a un bloque de filas (tr
) que representa a la sección de pie de una tabla (table
). Este elemento puede ser útil para insertar celdas que provean, entre otros, resúmenes o valores promedio para la información de cada columna.
Ejemplos
El próximo ejemplo consite en una tabla (table
) con un encabezado (thead
) y un pie (tfoot
) que resume la información mostrada por ésta.
<table class="default">
<thead>
<tr>
<th>Contribuyente</th>
<th>Monto</th>
</tr>
</thead>
<tbody>
<tr>
<td>Jhon Doe</td>
<td>$1,500.00</td>
</tr>
<tr>
<td>William Park</td>
<td>$750.00</td>
</tr>
<tr>
<td>Sean Carpenter</td>
<td>$500.00</td>
</tr>
<tr>
<td>Steven Seagull</td>
<td>$3,000.00</td>
</tr>
<tr>
<td>Frank Furt</td>
<td>$2,000.00</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Total</th>
<th>$7,750.00</th>
</tr>
</tfoot>
</table>
Contribuyente | Monto |
---|---|
Jhon Doe | $1,500.00 |
William Park | $750.00 |
Sean Carpenter | $500.00 |
Steven Seagull | $3,000.00 |
Frank Furt | $2,000.00 |
Total | $7,750.00 |
Atributos
Atributos específicos
align
La alineación horizontal del texto en todas las celdas afectadas. Existen cinco valores posibles (insensibles a mayúsculas/minúsculas):
- left: el texto se alinea a la margen izquierda. Este es el valor predeterminado para celdas de datos (
td
). - center: el texto es centrado. Este es el valor predeterminado para celdas de encabezado (
th
). - right: el texto se alinea a la margen derecha.
- justify: el texto es justificado o alineado a ambas márgenes.
- char: el texto se alinea a un carácter específico. Se utiliza en conjunto con el atributo
char
.
Este atributo se ha vuelto obsoleto en HTML5 y, por lo tanto, su uso ya no es válido. Los autores deberían reemplazarlo con declaraciones de hojas de estilo.
Ejemplo
<tfoot align="center">
char
Un carácter que actuará como eje para la alineación del texto. Está pensado para trabajar junto con el atributo align
cuando presenta el valor "char". En otras situaciones será completamente ignorado.
Este atributo se ha vuelto obsoleto en HTML5 y su uso es consecuentemente inválido. Se aconseja a los autores reemplazarlo con declaraciones de hojas de estilo.
Ejemplo
<tfoot align="char" char="c">
charoff
Un desplazamiento, desde la primera aparición del carácter de alineación (especificado en el atributo char
) y en la dirección del texto. El carácter resultante de este cálculo será el eje para la alineación del texto.
Para que este atributo sea considerado, el valor del atributo align
debe ser "char" y el atributo char
debe estar presente.
Este atributo es considerado obsoleto por HTML5 y su uso ya no es recomendado. Los autores deberían abandonar su uso en favor de las hojas de estilo.
Ejemplo
<tfoot align="char" char="t" charoff="7">
valign
La alineación vertical del texto en todas las celdas afectadas. Existen cuatro valores posibles (insensibles a mayúsculas/minúsculas):
- top: el texto se alinea a la margen superior.
- middle: el texto es centrado verticalmente.
- bottom: el texto se alinea a la margen inferior.
- baseline: todas las celdas en una fila con esta misma alineación deberían tener su primera línea de texto en una línea base común.
Este atributo es obsoleto de acuerdo con el estándar HTML5 y, por lo tanto, inválido. Se aconseja a los autores evitar su uso y reemplazarlo con declaraciones de hojas de estilo.
Ejemplo
<tfoot valign="top">
Atributos globales
Para más información acerca de los atributos globales refiérete a esta lista de atributos gloables en HTML5.
Eventos
Eventos globales
Para más información acerca de los eventos globales refiérete a esta lista de eventos globales en HTML5.