HTMLMesas


Introducción

El elemento HTML <table> permite a los autores web mostrar datos tabulares (como texto, imágenes, enlaces, otras tablas, etc.) en una tabla bidimensional con filas y columnas de celdas.

Sintaxis

  • <table></table>
  • <thead></thead>
  • <tbody></tbody>
  • <tfoot></tfoot>
  • <tr></tr>
  • <th></th>
  • <td></td>

Observaciones

Los diversos elementos de la tabla y sus atributos de contenido juntos definen el modelo de tabla. El elemento <table> es el elemento contenedor para los modelos de tabla / datos tabulares. Las tablas tienen filas, columnas y celdas dadas por sus descendientes. Las filas y columnas forman una cuadrícula; las celdas de una tabla deben cubrir completamente la cuadrícula sin superponerse. La siguiente lista describe los diversos elementos en el modelo de tabla:

  • <table> - El elemento contenedor para modelos de tablas / datos tabulares. <table> representa datos con más de una dimensión en forma de tabla.
  • <caption> - Título o título de la tabla (como una figcaption a una figure )
  • <col> - Una columna (un elemento sin contenido)
  • <colgroup> - una agrupación de columnas
  • <thead> - encabezado de tabla (solo uno)
  • <tbody> - Cuerpo / contenido de la tabla (múltiples están bien)
  • <tfoot> - pie de tabla (solo uno)
  • <tr> - fila de la tabla
  • <th> - Celda de encabezado de tabla
  • <td> - Celda de datos de tabla

Semánticamente, las tablas están destinadas a contener datos tabulares. Puede pensarlo como una forma de mostrar y describir datos que tendrían sentido en una hoja de cálculo (columnas y filas).

No se recomienda el uso de tablas para el diseño. En su lugar, use las reglas de CSS para el diseño y el formato, incluida la display: table

Una excepción notable que generalmente se muestra en la industria con respecto al uso del diseño de <table> es el correo electrónico HTML: algunos clientes de correo electrónico, incluido Outlook, regresan a los motores de renderización más antiguos después de que Microsoft pierde su caso de monopolio frente a la UE. Para que Microsoft haga que IE no sea parte del sistema operativo, simplemente hicieron retroceder el motor de renderizado de Outlook a una versión anterior de Trident. Esta reversión simplemente no es compatible con las tecnologías web modernas, por lo que el uso de diseños basados ​​en <table> para correo electrónico HTML es la única manera de garantizar la compatibilidad entre navegadores / plataforma / cliente.

Mesas Ejemplos relacionados