La etiqueta <th> en HTML se usa para establecer la celda de encabezado de una tabla. Dos tipos de celdas en la tabla HTML.
- Celda de encabezado: se utiliza para contener la información del encabezado.
- Celda estándar: se utiliza para contener el cuerpo de datos.
El funcionamiento de ambas etiquetas (<th> y <td>) es el mismo, pero las propiedades del texto son diferentes. En <th> el texto está en negrita y centrado, y en <td> el texto es normal y está alineado a la izquierda de forma predeterminada.
Sintaxis:
<th> Contents... </th>
Atributos: hay muchos atributos admitidos por HTML5 que se enumeran a continuación:
- abbr : este atributo se usa como una versión abreviada del contenido del texto en una celda de encabezado.
- colspan : número de columnas que debe abarcar una celda de encabezado.
- encabezados : especifica una o más celdas de encabezado con las que está relacionada una celda.
- rowspan : establece el número de filas que debe abarcar una celda de encabezado.
- alcance : se utiliza para especificar la puntuación del contenido del encabezado.
Atributos: hay muchos atributos admitidos por HTML4.1 pero eliminados de HTML5 que se enumeran a continuación:
- alinear: establece la alineación del contenido del texto.
- eje : Celdas de encabezado de categorías.
- bgcolor: establece el color de fondo de una celda de encabezado.
- 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.
- altura: establezca la altura de una celda de encabezado.
- valign: Se utiliza para establecer la alineación vertical del contenido del texto.
- ancho: se utiliza para establecer el ancho de una celda de encabezado
Ejemplo:
HTML
<!DOCTYPE html> <html> <body> <center> <h1>GeeksforGeeks</h1> <h2>th Tag</h2> <table> <thead> <tr> <!-- th tag starts here --> <th>Name</th> <th>User Id</th> <!-- th tag end here --> </tr> </thead> <tbody> <tr> <td>Shashank</td> <td>@shashankla</td> </tr> <tr> <td>GeeksforGeeks</td> <td>@geeks</td> </tr> </tbody> </table> </center> </body> </html>
Producción:
Navegadores compatibles:
- Google Chrome
- Borde
- 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