html manual

Hugo Gallego García

Haz click en empezar

TABLA HTML

Start

Esto es un manual para aprender como hacer una tabla en HTML, usando también CSS.

PASO 1: Creación del documento.

Lo primero será crear nuestros archivos correspondientes, para ello vamos a crear dentro de una carpeta un archivo llamado "tabla.html" y otro archivo llamado "estilo.css"

Vamos a abrir ambos documentos con un IDE, en este caso Visual Studio Code

PASO 2.1: Elaboración de archivo HTML - HEAD.

Ahora en el head añadiremos un hiperenlace al archivo css para que se aplique el estilo con href

10

PASO 2.2: Elaboración de archivo HTML - BODY.

En el Body, vamos a crear lo que es el contenido de la tabla. Solo el contenido ya que el estilo se aplica en el CSS

Pincha en el icono para ver mas información sobre lo que estoy aplicando aquí.

10

PASO 3: Elaboración de archivo CSS.

Para el CSS vamos a editar el archivo "estilos" de la siguiente forma:

10

ANEXO

Aqui puedes ver una pequeña definicion de todo lo que se está aplicando en la imágen, recuerda que siempre que se use una de estas tiene que ir con "<>" y ser cerrada, como en la imágen

ANEXO

Todo lo que usamos deben apuntar a que cosa quieres cambiar con las propiedades, en este caso apuntamos hacia los th y td del html