Contenido del Curso
HTML Definitivo
HTML Definitivo
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
¡Gracias por tus comentarios!