Cómo crear una tabla en HTML

Autor: Mark Sanchez
Fecha De Creación: 28 Enero 2021
Fecha De Actualización: 1 Mes De Julio 2024
Anonim
Meet Nova - A modern new code editor from Panic
Video: Meet Nova - A modern new code editor from Panic

Contenido

Es bastante difícil crear una tabla en HTML. Pero con los pasos descritos en este artículo, debería poder crear uno para su sitio.

Pasos

  1. 1 Abra un programa de procesamiento de texto simple como el Bloc de notas o WordPad en Windows, o en Mac abra TextEdit.
  2. 2 Introduzca todo el texto que desee ver delante de la mesa.
  3. 3 Defina el uso de una tabla para un documento HTML ingresando la etiqueta table>.

  4. 4 Presione enter.

  5. 5 Ingrese la etiqueta para abrir la tabla de filas usando la etiqueta tr>.
  6. 6Recuerde construir todos los elementos restantes de izquierda a derecha.
  7. 7 Presione enter.
  8. 8 Ingrese una etiqueta de inicio para el encabezado de la tabla usando la etiqueta th>.
  9. 9 Ingrese el título que desea usar para la primera columna.
  10. 10 Ingrese una etiqueta de cierre para el elemento de encabezado de la tabla usando la etiqueta / th>.
  11. 11 Presione enter.
  12. 12 Repita los pasos (organizando elementos en columnas de izquierda a derecha).
  13. 13 Cierre esta línea ingresando la etiqueta / tr>.
  14. 14 Presione enter.
  15. 15 Inicie otra línea con otra etiqueta tr>.
  16. 16 Presione enter.
  17. 17 Ingrese la etiqueta de datos de la tabla usando la etiqueta td>.
  18. 18 Ingrese los datos de la tabla que desea incluir en cada campo.
  19. 19Trabaje de izquierda a derecha, completando los datos de las columnas que se muestran arriba.
  20. 20 Cierre cada entrada con la etiqueta / td>.
  21. 21 Repita para todos los datos de la tabla que tenga.
    • Para las celdas en las que no necesita ingresar nada, ingrese td> y td> y nada intermedio. Esto será muy útil para campos entre otros dos campos.
  22. 22 Cierre cada línea con otra etiqueta / tr>.
  23. 23 Repita cada línea hacia abajo además de las líneas tr> y / td> hasta que cada línea esté ensamblada.
  24. 24 Cierre la tabla con la etiqueta / table>.
  25. 25 Ingrese el siguiente texto HTML que necesite para el resto del documento.

Consejos

  • Aplica sangría a cada línea para que puedas entender lo que estás intentando hacer en tu código.

Advertencias

  • Si ingresa accidentalmente demasiadas columnas de datos donde no hay un encabezado de tabla, aún se mostrarán, pero se verán un poco tontas y el lector no entenderá para qué es esta información.
  • La creación de tablas en una página HTML es un proceso complicado de entender. Primero, practique con los datos externos para ver cómo se ven, luego busque y coloque la nueva tabla en su lugar.
  • Es mejor dejar el código de la tabla HTML a los codificadores HTML avanzados. Sin embargo, después de seguir estas instrucciones, usted también se convertirá en uno de ellos.