Desafío: Diseñar una Tabla HTML Funcional
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: Nombre, Puesto y Salario. Enfocarse en utilizar las etiquetas HTML apropiadas para completar la tabla con las filas y columnas correctas. Aquí están los datos a incluir:
- Nombre: Emma Johnson | Puesto: Asociada de Ventas | Salario: $15.50 por hora.
- Nombre: Liam Thompson | Puesto: Representante de Atención al Cliente | Salario: $14.75 por hora.
- Nombre: Olivia Rodriguez | Puesto: Coordinadora de Marketing | Salario: $18.25 por hora.
- Nombre: Noah Smith | Puesto: Especialista en Soporte Técnico | Salario: $20.00 por hora.
- Nombre: Ava Davis | Puesto: Asistente Administrativa | Salario: $16.80 por hora.
index.html
index.css
- Utilizar la etiqueta
table
para definir el elemento contenedor principal de la tabla. - Utilizar la etiqueta
thead
para agrupar el contenido del encabezado de la tabla, como los títulos de las columnas. - Utilizar la etiqueta
tr
para definir una nueva fila dentro de la tabla. - Utilizar la etiqueta
th
para definir el texto del encabezado de cada columna. - Utilizar la etiqueta
tbody
para agrupar el contenido principal de la tabla, que incluye las filas y las celdas de datos. - Utilizar la etiqueta
td
para definir los datos o el contenido real dentro de cada celda de la tabla.
index.html
index.css
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 4. Capítulo 8