Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Desafío: Tablas | Medios y Tablas
HTML Definitivo
course content

Contenido del Curso

HTML Definitivo

HTML Definitivo

1. Desarrollo Web
2. Tags y Atributos
3. Estructura del Documento
4. Medios y Tablas
5. Formularios

bookDesafío: Tablas

🏁 Objetivo

Presentar la información de los empleados en un formato de tabla estructurada utilizando las etiquetas HTML adecuadas para crear filas y columnas.

📋 Tarea

Crear una tabla con tres columnas: Name, Position y Wage. Concéntrese en el uso de las etiquetas HTML adecuadas para rellenar la tabla con las filas y columnas correctas. Aquí están los datos a incluir:

  1. Name: Emma Johnson | Position: Sales Associate | Wage: $15.50 per hour;
  2. Name: Liam Thompson | Position: Customer Service Representative | Wage: $14.75 per hour;
  3. Name: Olivia Rodriguez | Position: Marketing Coordinator | Wage: $18.25 per hour;
  4. Name: Noah Smith | Position: IT Support Specialist | Wage: $20.00 per hour;
  5. Name: Ava Davis | Position: Administrative Assistant | Wage: $16.80 per hour.
html

index

css

index

js

index

copy
  1. Utiliza la tag table para definir el elemento contenedor principal de la tabla;
  2. Utiliza la tag thead para agrupar el contenido del encabezado de la tabla, como los títulos de las columnas;
  3. Utiliza la tag tr para definir una nueva fila dentro de la tabla;
  4. Utiliza la tag th para definir el texto del encabezado para cada columna;
  5. Utiliza la tag tbody para agrupar el contenido principal de la tabla, que incluye las filas y las celdas de datos;
  6. Utiliza la tag td para definir los datos o contenido reales dentro de cada celda de la tabla.
html

index

css

index

js

index

copy
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 9
some-alt