Cómo crear una tabla simple en su página web

Cómo crear una tabla simple en su página web: las tablas dummies

Las tablas le permiten organizar la información en su página web y darle un aspecto organizado que sus visitantes encontrarán útil. Cuando se usan según lo previsto, las tablas tienen filas y columnas. Para cada punto donde se cruzan una fila y una columna, tiene una celda de tabla. Cada celda puede tener su propio formato: los datos que contiene se pueden alinear a la izquierda, centro o derecha, formatear, etc. Las tablas también tienen celdas de datos de encabezado, en las que coloca los encabezados de las columnas. Puede crear una tabla en el Bloc de notas. Aquí está el código HTML para una tabla simple de este tipo:

Producción (toneladas) % de la meta >> Norte 40
87 102% Sur 40
93 110% > Así es como se ve esta tabla simple en HTML y cuando se ve en Internet Explorer. Una tabla web simple y su fuente HTML simple.

Esto es lo que hace cada parte del código HTML:

: la etiqueta TABLE comienza y finaliza la tabla. El atributo BORDER crea un borde de 2 píxeles de ancho alrededor de la tabla. No olvide incluir un borde, para que otros textos y gráficos en su página web no se amontonen demasiado cerca de la mesa.

,
  • :

  • Estas etiquetas comienzan y terminan la fila de la tabla. , :

  • ,

    :
  • Entonces, crear una tabla en HTML es bastante simple pero también bastante tedioso. Usted acaba de crear las filas y los elementos de datos; si obtiene los elementos de datos correctos, las columnas se ocupan de sí mismos. Sin embargo, conseguir los elementos de datos correctos puede ser un problema. Para que su mesa se vea bien, debe usar opciones de alineación y formato. Cometer errores se vuelve demasiado fácil, y actualizar la apariencia de la mesa se vuelve muy difícil. Es por eso que muchas personas usan un editor de HTML como CoffeeCup para crear y administrar tablas, y luego, en algunos casos, realizan ajustes finales en HTML para que se ajusten correctamente.


    Contáctenos: [email protected]
    Estas etiquetas rodean los datos del encabezado de la tabla. Los datos del encabezado de tabla se formatean automáticamente como negrita y centrados. Estas etiquetas comienzan y terminan el elemento de datos de la tabla.