Contenido del Curso

HTML Definitivo

1. Comprensión del Desarrollo Web

Bienvenido a HTML y al Desarrollo Web ¿Qué es Internet?¿Cómo Funciona Internet?Comprensión de Cómo Funcionan los Sitios Web Explicación del Desarrollo Frontend y Backend

2. Etiquetas y Atributos HTML

Comprensión de las Etiquetas HTML Trabajando con Atributos HTML Comprensión de las Etiquetas Dobles y Simples en HTML Marcado y Formato de Texto en HTML Desafío: Crea el Primer Párrafo de Tu Página Web Desafío: Crea una Página Web de Presentación Personal Desafío: Diseñar una Página Web de Exhibición de Películas Uso de Enlaces y Botones en HTML Desafío: Crear Enlaces a Sitios Web Populares Validación de Tu Código HTML Según las Mejores Prácticas

3. Estructura del Documento HTML

Los Secretos Detrás de Páginas Web Bien Estructuradas Comprensión de la Estructura del Documento HTML El Papel del Encabezado del Documento Gestión del Flujo y la Disposición del Documento Desafío: Estructura Correctamente un Documento HTML Uso de Herramientas de Desarrollador para Inspección y Depuración de HTML

4. Trabajando con Medios y Tablas

Agregar Imágenes en HTML Desafío: Trabajar con Imágenes Trabajar con Imágenes Clicables, Leyendas y Optimización Comprensión de Gráficos Vectoriales y Rasterizados Incrustación de Audio y Video para Contenido Multimedia Enriquecido Desafío: Incrustar Audio y Video en HTML Creación y Estructuración de Tablas en HTML Desafío: Diseñar una Tabla HTML Funcional

5. Formularios HTML y Entrada de Usuario

Introducción a los Formularios HTML Fundamentos de la Creación de Formularios en HTML Uso de Etiquetas para Mejorar la Accesibilidad de Formularios Mejora de Formularios con Atributos de Entrada Exploración de los Diferentes Tipos de Entrada en HTML Desafío: Crear Formulario con Campos de Entrada y Etiquetas Trabajando con el Elemento Textarea para Entrada de Varias Líneas Uso del elemento select para menús desplegables Uso del elemento datalist para sugerencias de entrada predefinidas Agrupación de Elementos de Formulario para una Mejor Estructura

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