¿Cómo construir tablas en html5

A veces tu página web incluye datos mejor que se presentan en una tabla. Usted puede utilizar el sistema de mesa con todas las funciones de HTML5 para crear tablas como la que en este ejemplo:

imagen0.jpg

La estructura básica de una tabla en formato HTML es razonablemente fácil de entender- visita nuestra código que crea la tabla en el ejemplo:

basicTable.html

Una tabla básico

Superhéroes HTML

HéroePoderJusto castigo
El XMLatorCumplimiento de normasBoy Código Sloppy
Capitán CSSSuperlayoutSeñor Desaprobado
Navegador MujerMegacompatibilityMonster Código Ugly

Examinando el código de muestra que una mesa es simplemente un conjunto de etiquetas cuidadosamente anidados. El proceso para la construcción de una mesa no es difícil, pero requiere un poco de previsión.

  1. Planifique su mesa para que sepa cuántas columnas desea, y que las filas o columnas serán titulares.

    Esbozar su mesa en el papel primero es una buena idea, sobre todo si está en absoluto complicado.

  2. Comience la mesa con el

    etiqueta.

    los

    par encierra toda la tabla.

  3. Crear una fila de la tabla con el par.

    Una tabla es sólo una serie de filas. Usted necesita la par para encerrar cada fila de datos.

  4. Significar partidas con .

    A menudo, la fila superior (y tal vez la izquierda, la mayoría columna) contienen partidas. Utilizar el par para significar texto que debe ser entendido como una célula de partida. Por defecto, estas células son generalmente más audaz y centrado, pero que se pueden cambiar con CSS.

  5. Especifique las celdas de datos común con el par.

  6. Mantenga el número de células consistentes a través de las filas.

    A medida que se familiarice más con tablas de HTML5, se puede encontrar la manera de extender una celda sobre varias filas o columnas.

  7. Añadir CSS según sea necesario.

    Las mesas tienen un formato básico, que se puede cambiar con CSS - para añadir bordes, por ejemplo.

Aunque los usuarios de HTML5 han desarrollado formas de utilizar tablas para maquetar, CSS proporciona todas las páginas técnicas de diseño que necesita, a fin de utilizar tablas HTML5 para su propósito: presentar datos de tabla.




» » » » ¿Cómo construir tablas en html5