Cómo Dibujar Una Tabla En HTML

Tabla de contenido:

Cómo Dibujar Una Tabla En HTML
Cómo Dibujar Una Tabla En HTML

Video: Cómo Dibujar Una Tabla En HTML

Video: Cómo Dibujar Una Tabla En HTML
Video: 14. CREAR TABLAS Y ESTILOS PARA TABLAS EN HTML | Curso HTML 5 Fácil 2024, Abril
Anonim

HTML es un lenguaje de marcado de páginas que se puede utilizar para alojar sitios web en Internet. Para dar formato al documento en este caso, se utilizan etiquetas: elementos de descripción.

Cómo dibujar una tabla en HTML
Cómo dibujar una tabla en HTML

Necesario

  • - computadora;
  • - el programa "Bloc de notas";
  • - Habilidades para trabajar con HTML.

Instrucciones

Paso 1

Abra su página donde desea agregar una tabla en HTML usando el Bloc de notas. Para hacer esto, haga clic derecho en el archivo para abrir el menú contextual, seleccione la opción "Abrir con". Seleccione un lugar en la etiqueta Body para agregar la tabla al sitio.

Paso 2

Utilice la etiqueta… para colocar la tabla en HTML. Esta es la etiqueta principal que describe la tabla. Todos sus elementos deben estar ubicados entre las etiquetas de apertura y cierre. De forma predeterminada, la tabla se crea sin separadores ni bordes. Agregue un borde según sea necesario utilizando el atributo Borde. Para hacer esto, insértelo dentro de la etiqueta de la tabla y agregue un valor numérico para el ancho del borde, por ejemplo, una fila a la tabla. Para hacer esto, use la etiqueta …, el número de líneas está determinado por el número de sus pares. Agrega una descripción de celda usando la etiqueta…. Coloque la celda solo dentro de la etiqueta de la fila, agregue el número de la columna (columna) en la que está colocada.

Paso 4

La ubicación del texto en la celda se determina mediante los atributos Aligh (izquierda, derecha, centro): determina la ubicación del texto horizontalmente y Valign (medio, inferior, superior): determina la ubicación de los datos en la celda verticalmente. Esta descripción se puede agregar tanto para una celda individual como para toda la fila.

Paso 5

Utilice el atributo Colspan para fusionar celdas horizontalmente y Rowspan verticalmente. Un ejemplo de un código de tabla: "Nombre de tabla" "Nombre de la fila combinada" "Nombre de la primera columna" "Nombre de la segunda columna" "Segunda fila" "Segunda celda de la segunda fila" "Tercera celda de la segunda hilera".

Recomendado: