Ejemplo
Una tabla HTML sencilla con dos celdas de encabezado y dos celdas de datos:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Inténtalo tú mismo " Más "hacerlo por uno mismo" ejemplos a continuación.
Definición y Uso
La <th> etiqueta define una celda de encabezado en una tabla HTML.
Una tabla HTML tiene dos tipos de células:
- - Celdas de encabezado contiene información de cabecera (creada con el <th> elemento)
- - Células estándar contiene los datos (creada con el <td> elemento)
El texto en <th> elementos están en negrita y centrado de forma predeterminada.
El texto en <td> elementos son regulares y por defecto alineado a la izquierda.
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <th> | Sí | Sí | Sí | Sí | Sí |
Notas y sugerencias
Consejo: Utilice el colspan y rowspan atributo para dejar que el lapso de contenido a través de múltiples columnas o filas!
Diferencias entre HTML 4.01 y HTML5
Todos los atributos de diseño se eliminan en HTML5.
atributos
| Atributo | Valor | Descripción |
|---|---|---|
| abbr | text | Especifica una versión abreviada del contenido de una celda de cabecera |
| align | left right center justify char | No se admite en HTML5. Alinea el contenido de una celda de cabecera |
| axis | category_name | No se admite en HTML5. Clasifica las celdas de encabezamiento |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | No se admite en HTML5. Especifica el color de fondo de una celda de encabezado |
| char | character | No se admite en HTML5. Alinea el contenido de una celda de encabezado a un personaje |
| charoff | number | No se admite en HTML5. Establece el número de caracteres que el contenido se alineará desde el carácter especificado por el char atributo |
| colspan | number | Especifica el número de columnas de una celda de cabecera debe abarcar |
| headers | header_id | Especifica una o más celdas de encabezado de una célula está relacionada con |
| height | pixels % | No se admite en HTML5. Establece la altura de una celda de cabecera |
| nowrap | nowrap | No se admite en HTML5. Especifica que el contenido dentro de una celda de cabecera no debe envolver |
| rowspan | number | Especifica el número de filas de una celda de cabecera debe abarcar |
| scope | col colgroup row rowgroup | Especifica si una celda de encabezado es un encabezado de una columna, fila o grupo de columnas o filas |
| sorted | reversed number reversed number number reversed | Define la dirección de ordenación de una columna |
| valign | top middle bottom baseline | No se admite en HTML5. Vertical: alinea el contenido en una celda de cabecera |
| width | pixels % | No se admite en HTML5. Especifica el ancho de una celda de cabecera |
Los atributos globales
La <th> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <th> etiqueta también es compatible con la atributos de eventos en HTML .
Inténtelo usted mismo - Ejemplos
encabezados de la tabla
Cómo crear encabezados de la tabla.
Tabla con un título
Una tabla HTML con un título.
Etiquetas dentro de una tabla
Cómo mostrar elementos dentro de otros elementos.
C ells que abarcan más de una fila / columna
¿Cómo definir las celdas de la tabla que abarcan más de una fila o una columna.
Páginas relacionadas
Tutorial de HTML: tablas HTML
Referencia HTML DOM: TableHeader Objeto
CSS Tutorial: Tablas Styling
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <th> elemento con los siguientes valores predeterminados:
th {
display: table-cell;
vertical-align: inherit;
font-weight: bold;
text-align: center;
}