Ejemplo
Una tabla HTML sencilla, que contiene dos columnas y dos filas:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Inténtalo tú mismo " Más "hacerlo por uno mismo" ejemplos a continuación.
Definición y Uso
El <table> etiqueta define una tabla HTML.
Una tabla HTML consiste en la <table> elemento y uno o más <tr> , <th> y <td> elementos.
La <tr> elemento define una fila de la tabla, el <th> elemento define un encabezado de la tabla, y el <td> elemento define una celda de la tabla.
Una tabla HTML más complejo también puede incluir <caption>, <col>, <colgroup>, <thead>, <tfoot> y <tbody> elementos.
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <table> | Sí | Sí | Sí | Sí | Sí |
Diferencias entre HTML 4.01 y HTML5
El "align", "bgcolor", "cellpadding", "cellspacing", "frame", "rules", "summary" y "width" atributos no se admiten en HTML5.
atributos
| Atributo | Valor | Descripción |
|---|---|---|
| align | left center right | No se admite en HTML5. Especifica la alineación de una tabla según texto que lo rodea |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | No se admite en HTML5. Especifica el color de fondo para una mesa |
| border | 1 0 | Especifica si la tabla está siendo utilizado con fines de diseño |
| cellpadding | pixels | No se admite en HTML5. Especifica el espacio entre la pared celular y el contenido de la celda |
| cellspacing | pixels | No se admite en HTML5. Especifica el espacio entre las células |
| frame | void above below hsides lhs rhs vsides box border | No se admite en HTML5. Especifica qué partes de las fronteras exteriores que debe ser visible |
| rules | none groups rows cols all | No se admite en HTML5. Especifiquen las partes de los bordes interiores que debe ser visible |
| sortable | sortable | Especifica que la tabla debe ser ordenable |
| summary | text | No se admite en HTML5. Especifica un resumen del contenido de una tabla |
| width | pixels % | No se admite en HTML5. Especifica el ancho de una tabla |
Los atributos globales
El <table> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
El <table> etiqueta también es compatible con la atributos de eventos en HTML .
Inténtelo usted mismo - Ejemplos
encabezados de la tabla
Cómo crear encabezados de la tabla.
Tabla con un título
Una tabla HTML con un título.
Etiquetas dentro de una tabla
Cómo mostrar elementos dentro de otros elementos.
Las celdas que abarcan más de una fila / columna
¿Cómo definir las celdas de la tabla que abarcan más de una fila o una columna.
Páginas relacionadas
Tutorial de HTML: tablas HTML
Referencia HTML DOM: Table de objetos
CSS Tutorial: Styling Tablas
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <table> elemento con los siguientes valores predeterminados:
Ejemplo
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
} Inténtalo tú mismo "