prucommercialre.com


Cómo construir tablas en HTML5

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

Cómo construir tablas en HTML5

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

<! DOCTYPE HTML>
<Html lang = "es">
<Head>
<Title> basicTable.html </ title>
<Charset meta = "UTF-8" />
<Style type = "text / css">
mesa, td, ª {
frontera: 1px solid negro;
}
</ Style>
</ Head>

<Body>
<H1> Un Cuadro Básico </ h1>
<H2> HTML Superheroes </ h2>
<Table>
<Tr>
<Th> héroe </ th>
<Th> Power </ th>
<Th> Nemesis </ th>
</ Tr>

<Tr>
<Td> El XMLator </ td>
<Td> Normas cumplimiento </ td>
<Td> Código Sloppy Boy </ td>
</ Tr>

<Tr>
<Td> Captain CSS </ td>
<Td> Superlayout </ td>
<Td> Lord Desaprobado </ td>
</ Tr>

<Tr>
<Td> Navegador Mujer </ td>
<Td> Megacompatibility </ td>
<Td> Monster Código Ugly </ td>
</ Tr>

</ Table>
</ Body>
</ Html>

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 tabla no es difícil, pero requiere un poco de previsión.

  1. Planifique su mesa para que usted sepa el número de columnas que desee, y que las filas o columnas será titulares.

    Esbozo de su mesa en el papel primero es una buena idea, especialmente si está en absoluto complicado.
  2. Comience la mesa con la etiqueta <table>.

    El <table> </ table> par encierra toda la tabla.
  3. Crear un registro de la tabla con la etiqueta <tr> </ tr> par.

    Una tabla es sólo una serie de filas. Se necesita el <tr> </ tr> par para encerrar cada fila de datos.
  4. Significar partidas con <th>.

    A menudo, la fila superior (y tal vez más a la izquierda de la columna) contienen partidas. Utilice el <th> </ th> 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 ordinarias con la etiqueta <td> </ td> par.
  6. Mantenga el número de células uniformes en 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 de HTML5 para su propósito: presentar datos de tabla.