
Un elemento html tbody agrupa uno o más elementos <tr> como el cuerpo del elemento <table>
.
Ejemplo de una tabla con un cuerpo (elemento <tbody>
), que contiene dos líneas (elemento <tr>
) y cuatro celdas (elemento <td>
):
< table > < tbody > < tr > < td > la primera celda en la primera línea </ td > < td > la segunda celda en la primera línea </ td > </ tr > < tr > < td > la primera celda en la segunda línea </ td > < td > la segunda celda en la segunda línea </ td > </ tr > </ tbody > </table >
Otro ejemplo de este elemento se puede ver en la página del elemento <table>
.
Etiqueta html tbody
Clasificaciones de contenido | No hay. |
---|---|
Contenido permitido | Elemento <tr> cero veces o más. |
Acrónimo | La etiqueta inicial de un elemento <tbody> se puede omitir si lo primero que hay dentro de él es el elemento <tr> y si el elemento no está inmediatamente precedido por un elemento <tbody> o <thead> si <tfoot> se omite la etiqueta final. Las etiquetas de inicio y finalización no se pueden omitir si el elemento está vacío. La etiqueta final de un elemento <tbody> se puede eliminar si va seguida de uno <tfoot> u <tbody> otro elemento, o si no hay más contenido en el elemento principal <table> . |
Elementos del padre | No es necesario proporcionar el elemento <tbody> para cada tabla ( <table> ) para que se muestre correctamente. Pero no puede existir si el elemento <table> padre tiene el elemento <tr> como hijo directo. |
Interfaz DOMO | HTMLTableSectionElement |
Soporte de navegadores
Chrome | Firefox | Edge | Safari | Ópera |
---|---|---|---|---|
Soportado | Soportado | Soportado | Soportado | Soportado |
Características
En este elemento html tbody se pueden utilizar propiedades globales.
align
Esta propiedad se utiliza para especificar cómo se alinea cada celda del grupo y acepta uno de los siguientes valores:
left
: Muestra el contenido a la izquierda de la celdacenter
: centra el contenido en la celdaright
: Muestra el contenido a la derecha de la celdajustify
: Muestra el contenido de la línea completa.
Vale la pena señalar que esta característica ha sido descuidada en HTML 4 y eliminada en HTML5, y no está permitido su uso, pero debe formatearse usando CSS, asignando uno de los valores left
o center
o right
o justify
a la propiedad text-align
.
bgcolor
Esta propiedad define el color de fondo de cada celda del conjunto y puede aceptar valores hexadecimales sRGB, precedidos por un carácter #
. Se pueden utilizar los siguientes nombres de colores predefinidos:
black = «# 000000» | green = «# 008000» |
silver = «# C0C0C0» | lime = «# 00FF00» |
gray = «# 808080» | olive = «# 808000» |
white = «#FFFFFF» | yellow = «# FFFF00» |
maroon = «# 800000» | navy = «# 000080» |
red = «# FF0000» | blue = «# 0000FF» |
purple = «# 800080» | teal = «# 008080» |
fuchsia = «# FF00FF» | aqua = «# 00FFFF» |
Vale la pena señalar que esta función no es estándar y solo la utilizan algunas versiones de Internet Explorer, pero el elemento debe formatearse <tbody>
con CSS. Se puede aplicar un efecto similar a esta propiedad utilizando una propiedad background-color
en las celdas de <td>
captura.
valign
Esta propiedad se utiliza para especificar cómo es la alineación vertical de cada celda del conjunto y acepta uno de los siguientes valores:
baseline
: Muestra el contenido lo más cerca posible de la parte inferior de la celda, pero la alineación estará en la línea de base de los caracteres en lugar de en la parte inferior, y si los caracteres son del mismo tamaño, este valor tendrá el mismo efecto que el valorbottom
.bottom
: Muestra el contenido lo más cerca posible de la parte inferior de la celda.middle
: Centra el texto en la celda verticalmente.top
: Muestra el contenido lo más cerca posible de la parte superior de la celda.
Vale la pena señalar que esta función se ha descuidado en HTML 4 y se ha eliminado en HTML5, y no está permitido su uso, pero debe formatearse con CSS a través de la propiedad vertical-align
.
Descripción de uso
- Puede proporcionar al elemento
<tbody>
-balasch trak elementos<thead>
e<tfoot>
– información reglamentaria adicional para algunos dispositivos, como impresoras … - Elemento <tbody> representa el contenido que cambia de una página a otra tabla que imprimimos en papel y se derrama sobre papel, mientras que el contenido de los dos componentes
<thead>
y<tfoot>
seguirá siendo el mismo para cada página impresa. - El desplazamiento puede ser habilitado en el elemento
<tbody>
de forma independiente de la<thead>
y<tfoot>
, y de la<caption>
misma matriz elemento <table>. - Por el contrario, los elementos
<thead>
y<tfoot>
, de una tabla<caption>
se pueden usar<tbody>
más de una vez seguidas, lo que permite dividir líneas en tablas largas en diferentes secciones, que se pueden formatear como queramos.
Formato predeterminado
La mayoría de los navegadores renderizan el elemento <tbody>
con la propiedad establecida display
en table-row-group
centrado, alineación vertical vertical-align
y herencia del color del marco border-color
:
tbody { display: table-row-group; vertical-align: middle; border-color: inherit; }
- Resumen General de Listas en HTML
- Qué son los Atributos HTML
- Introducción al Lenguaje de Programación HTML
- Elementos h1 al h6 en HTML
- Elemento wbr en HTML
- Elemento video en HTML
- Elemento var en HTML
- Elemento ul en HTML
- Elemento u en HTML
- Elemento track en HTML
- Elemento tr en HTML
- Elemento title en HTML
- Elemento time en HTML
- Elemento thead en HTML
- Elemento th en HTML
- Elemento tfoot en HTML
- Elemento textarea en HTML
- Elemento td en HTML
- Elemento tbody en HTML
- Elemento table en HTML
- Elemento summary en HTML
- Elemento sub en HTML
- Elemento style en HTML
- Elemento strong en HTML
- Elemento span en HTML
- Elemento source en HTML
- Elemento small en HTML
- Elemento select en HTML
- Elemento section en HTML
- Elemento script en HTML
- Elemento samp en HTML
- Elemento s en HTML
- Elemento q en HTML
- Elemento progress en HTML
- Elemento pre en HTML
- Elemento picture en HTML
- Elemento param en HTML
- Elemento p en HTML
- Elemento output en HTML
- Elemento option en HTML
- Elemento optgroup en HTML
- Elemento ol en HTML