HTML: <tbody> etiqueta HTML: <summary> etiqueta

HTML: <table> etiqueta

Ejemplo en línea

Dos ejemplos de tablas HTML:

Ejemplo

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Uso de la etiqueta table de HTML (Tutoriales básicos de HTML oldtoolbag.com)/title>
</head>
<body>
<table　border="1">
　　<tr>
　　　　<th>Artículo</th>
　　　　<th>Cantidad</th>
　　</tr>
　　<tr>
　　　　<td>Bananas</td>
　　　　<td>$5</td>
　　</tr>
　　<tr>
　　　　<td>Oranges</td>
　　　　<td>$17</td>
　　</tr>
</table>
<br>
<table　border="1">
　　　　<thead>
　　　　　　　　<tr>
　　　　　　　　　　　　<th　colspan="2">The　table　header</th>
　　　　　　　　</tr>
　　　　</thead>
　　　　<tbody>
　　　　　　　　<tr>
　　　　　　　　　　　　<td>The　table　body</td>
　　　　　　　　　　　　<td>with　two　columns</td>
　　　　　　　　</tr>
　　　　</tbody>
</table>
</body>
</html>

Prueba aquí ‹/›

Compatibilidad con navegadores

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la etiqueta <table>.

etiquetas y su descripción de uso

La etiqueta <table> define una tabla HTML

Una tabla HTML incluye un elemento <table>, uno o más <tr>、<th> y <td> elementos.

El elemento <tr> define una fila de tabla, el elemento <th> define un encabezado de tabla, y el elemento <td> define una celda de tabla.

Las tablas HTML más complejas también pueden incluir elementos <caption>, <col>, <colgroup>, <thead>, <tfoot> y <tbody>.

HTML 4.01 con HTML5las diferencias

en HTML5 en, solo se admite el atributo "border" y solo se permite el uso del valor "1" o "".

atributo

atributo	valor	descripción
alineación	izquierda centro derecha	HTML5 No se admite. HTML 4.01 Abandonado. Especifica el modo de alineación relativo de la tabla en relación con los elementos circundantes.
bgcolor	rgb(x,x,x) #xxxxxx colorname	HTML5 No se admite. HTML 4.01 Abandonado. Especifica el color de fondo de la tabla.
borde	1 ""	Especifica si la celda de la tabla tiene borde.
cellpadding	pixels	HTML5 No se admite. Especifica el espacio en blanco entre el borde de la celda y su contenido.
cellspacing	pixels	HTML5 No se admite. Especifica el espacio en blanco entre celdas.
marco	vacio 　encima 　debajo 　ladoshs 　lhs 　rhs 　ladosvs 　caja 　borde	HTML5 No se admite. Especifica qué parte del borde externo es visible.
reglas	ninguno 　grupos 　filas 　cols 　todos	HTML5 No se admite. Especifica qué parte del borde interno es visible.
resumen	text	HTML5 No se admite. Define el resumen de la tabla.
width	pixels 　%	HTML5 No se admite. Define el ancho de la tabla.

Atributos globales

La etiqueta <table> admite Atributos globales de HTML.

Atributos de eventos

La etiqueta <table> admite Atributos de eventos de HTML.

Más ejemplos en línea

Tabla sin borde
Este ejemplo muestra una tabla sin borde.

Encabezado de la tabla (Heading)
Este ejemplo muestra cómo mostrar la cabecera de la tabla.

Tabla con título
Este ejemplo muestra una tabla con título (caption).

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

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

Margen de celda (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.

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

Manual de referencia HTML

Completo de etiquetas HTML