En este artículo, definimos agrupar el contenido del encabezado en una tabla usando la etiqueta <th> en HTML para establecer la celda del encabezado de una tabla. Dos tipos de celdas en una 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 la etiqueta <th>, el texto está en negrita y centrado, y en la etiqueta <td>, el texto es normal y está alineado a la izquierda de forma predeterminada.
Sintaxis:
<th> Contents... </th>
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
Group the header content
in a table using HTML
</title>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
th {
color: blue;
}
table,
tbody,
td {
border: 1px solid black;
border-collapse: collapse;
}
</style>
</head>
<body>
<center>
<h1>GeeksforGeeks</h1>
<h2>
HTML5: How to group the
header content in a table?
</h2>
<table>
<thead>
<tr>
<th>Name</th>
<th>User Id</th>
</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:
Los navegadores compatibles se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA