HTML tbody
La etiqueta <tbody> de HTML se utiliza para agrupar el contenido de una tabla que representa el cuerpo de la tabla. Esta etiqueta se usa junto con las etiquetas <thead> y <tfoot> para organizar el contenido de una tabla en diferentes secciones, permitiendo que el navegador y los motores de búsqueda puedan procesarlo de manera más eficiente.
La etiqueta <tbody> se utiliza para contener las filas de una tabla, que se representan con la etiqueta <tr>. Dentro de cada fila, se usan las etiquetas <td> para representar las celdas de la tabla.
Ejemplo de uso
El siguiente es un ejemplo básico de cómo se utiliza la etiqueta <tbody>
en una tabla:
<table>
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer 1</td>
<td>Footer 2</td>
</tr>
</tfoot>
</table>
Lenguaje del código: HTML, XML (xml)
En este ejemplo, se ve cómo se agrupa el contenido de la tabla en diferentes secciones, con un encabezado de tabla en <thead>, un cuerpo de tabla en <tbody> y un pie de tabla en <tfoot>.
Atributos
La etiqueta <tbody> en HTML no tiene atributos específicos. Sin embargo, puede emplear los atributos globales de HTML, como id, class, style, etc.
Ejemplo
Aquí tienes un ejemplo de una tabla HTML que utiliza la etiqueta <tbody> y algunos de los atributos globales de HTML:
<table>
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
</thead>
<tbody id="table-body" class="table-content" style="background-color: #f1f1f1;">
<tr>
<td>Data 1</td>
<td>Data 2</td>
</tr>
<tr>
<td>Data 3</td>
<td>Data 4</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer 1</td>
<td>Footer 2</td>
</tr>
</tfoot>
</table>
Lenguaje del código: HTML, XML (xml)
En este ejemplo, se utiliza la etiqueta <tbody> para agrupar el contenido de la tabla en una sección específica, y se utilizan los atributos id
, class
y style
para aplicar estilos al contenido de la sección.
El atributo id se utiliza para darle un identificador único al tbody, el atributo class
se utiliza para aplicar estilos en cascada y el atributo style
se utiliza para aplicar estilos directamente al elemento.
En este ejemplo se establece el fondo de la sección con el id “table-body” y la clase “table-content” en color #f1f1f1.