Manual de referencia HTML

Compendio de etiquetas HTML

HTML: <thead> etiqueta HTML: <tfoot> etiqueta

HTML: <th> etiqueta

HTML: la etiqueta <th> define una celda de título, que puede aparecer en la primera fila de la tabla HTML. El navegador presentará el texto encontrado en la etiqueta <th> en negrita y alineado al centro. Esta etiqueta también se conoce como el elemento <th>.

Ejemplo en línea

　HTML de tabla, con dos celdas de encabezado y dos celdas de datos:

Ejemplo

<!documento html>
<html>
<cabecera>
<meta charset="UTF-8">
<título>Uso del etiqueta th de HTML (Tutorial básico de la red w3(codebox.com)</título>
</cabecera>
<body>
<table border="1">
　　<tr>
　　　　<th>Columna　1　Encabezado</th>
　　　　<th>Columna　2　Encabezado</th>
　　　　<th>Columna　3　Encabezado</th>
　　</tr>
　　<tr>
　　　　<td>Datos en Columna　>　1,　Fila　2</td>
　　　　<td>Datos en Columna　>　2,　Fila　2</td>
　　　　<td>Datos en Columna　>　3,　Fila　2</td>
　　</tr>
</table>
</body>
</html>

Prueba vea ‹/›

En este HTML5En el ejemplo de documento, creamos una tabla con la etiqueta <table>, que tiene3columnas y2filas. La1fila tiene3Se definen las celdas de título de la tabla con la etiqueta <th>. La2La fila se define con la etiqueta <td>.

Compatibilidad con navegadores

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la etiqueta <th>.

etiqueta y guía de uso

La etiqueta <th> define la celda de encabezado en la tabla HTML.

HTML tiene dos tipos de celdas de tabla:

celda de encabezado - Contiene información de encabezado (creada por el elemento <th>)
celda estándar - Contiene datos (por <td> elemento se crea)

El texto en el elemento <th> se muestra generalmente en negrita y centrado.

El texto en el elemento <td> es generalmente texto alineado a la izquierda.

<th>Etiqueta es una celda de título, que puede aparecer en la primera fila de una tabla HTML. Puede definir la etiqueta <th> dentro de la etiqueta <thead>, lo que ofrece ciertos beneficios del navegador, pero esto es opcional.

Consejos y notas

Consejo:¡Si necesita que el contenido cruce varias filas o columnas, utilice las propiedades colspan y rowspan!

HTML 4.01 Y HTML5diferencias entre

HTML 5 Ya no se admite HTML 4.01 Algunos atributos en

Atributo

Atributo	Valor	Descripción
abbr	text	HTML5 No soportado. Se establece la versión abreviada del contenido de la celda de encabezado.
align	left 　right 　center 　justify 　char	HTML5 No soportado. Se establece el modo de alineamiento horizontal del contenido de la celda de encabezado.
axis	category_name	HTML5 No soportado. Clasificar las celdas de encabezado.
bgcolor	rgb(x,x,x) #xxxxxx colorname	HTML5 No soportado. HTML 4.01 Obsoleto. Se establece el color de fondo de la celda de encabezado.
char	character	HTML5 No soportado. Se establece el carácter para alinear el contenido.
charoff	number	HTML5 No soportado. Se establece la cantidad de desplazamiento del alineamiento de caracteres.
colspan	number	Se establece el número de columnas que puede cruzar la celda de encabezado.
headers	header_id	Se establece una o más celdas de encabezado asociadas con la celda de encabezado.
height	pixels %	HTML5 No soportado. HTML 4.01 Obsoleto. Se establece la altura de la celda de encabezado.
nowrap	nowrap	HTML5 No soportado. HTML 4.01 Obsoleto. Se establece si el contenido de la celda de encabezado se dobla en línea.
rowspan	number	Se establece el número de filas que puede cruzar la celda de encabezado.
scope	col 　colgroup 　row 　rowgroup	Define si la celda de encabezado es la cabeza de una fila, columna, grupo de filas o grupo de columnas.
valign	top 　middle 　bottom 　baseline	HTML5 No soportado. Define el modo de alineación vertical del contenido de la celda de encabezado.
width	pixels %	HTML5 No soportado. HTML 4.01 Obsoleto. Define el ancho de la celda de encabezado.

Atributos globales

<th> etiqueta admite Atributos globales de HTML.

Atributos de eventos

<th> etiqueta admite todos Atributos de eventos de HTML.

Más ejemplos

Celdas de tabla que se extienden a través de filas o columnas
Este ejemplo muestra cómo definir celdas de tabla que se extienden a través de filas o columnas.

Etiquetas dentro de la tabla
Este ejemplo muestra cómo mostrar elementos dentro de diferentes elementos.

Márgen entre celdas (Cell padding)
Este ejemplo muestra cómo usar Cell padding para crear un espacio en blanco entre el contenido de la celda y su borde.

Espacio entre celdas (Cell spacing)
Este ejemplo muestra cómo usar Cell spacing para aumentar el espacio entre celdas.