HTML <table>Etiqueta

Ejemplos

Una tabla HTML simple con dos columnas y dos filas:

<table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </table>

Pruébalo »
(Más ejemplos al final de la página)

Soporte del navegador

Todos los navegadores principales soportan la etiqueta <table>.

Definición y uso de la etiqueta

La etiqueta <table> define una tabla HTML

Una tabla HTML incluye el elemento <table> y uno o más<tr>、<th>así como<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 los elementos <caption>, <col>, <colgroup>, <thead>, <tfoot> y <tbody>.

Diferencias entre HTML 4.01 y HTML5

En HTML5, solo se admite el atributo "border" y solo se permiten los valores "1" o "".

Atributos

Atributo	Valor	Descripción
align	left center right	No soportado en HTML5. Obsoleto en HTML 4.01.Especifica la alineación de la tabla en relación con los elementos circundantes.
bgcolor	rgb(x,x,x) #xxxxxx colorname	No soportado en HTML5. Obsoleto en HTML 4.01.Especifica el color de fondo de la tabla.
border	1 ""	No soportado en HTML5.Especifica si las celdas de la tabla tienen bordes.
cellpadding	pixels	No soportado en HTML5.Especifica el espacio entre el borde de la celda y su contenido.
cellspacing	pixels	No soportado en HTML5.Especifica el espacio entre celdas.
frame	void above below hsides lhs rhs vsides box border	No soportado en HTML5.Especifica qué parte del borde exterior es visible.
rules	none groups rows cols all	No soportado en HTML5.Especifica qué parte del borde interior es visible.
summary	text	No soportado en HTML5.Especifica un resumen de la tabla.
width	pixels %	No soportado en HTML5.Especifica el ancho de la tabla.

Atributos globales

La etiqueta <table> soportalos atributos globales de HTML。

Atributos de evento

La etiqueta <table> soportalos atributos de evento de HTML。

Pruébalo - Ejemplos

Este ejemplo demuestra cómo mostrar encabezados de tabla.

Este ejemplo demuestra cómo usar " " para manejar celdas sin contenido.

Este ejemplo demuestra una tabla con un título (caption).

Este ejemplo demuestra cómo mostrar elementos dentro de otros elementos.

Este ejemplo demuestra cómo definir celdas de tabla que abarcan filas o columnas.

HTMLEtiqueta