Contenido del Curso
HTML Definitivo
HTML Definitivo
2. Etiquetas y Atributos HTML
Comprensión de las Etiquetas HTMLTrabajando con Atributos HTMLComprensión de las Etiquetas Dobles y Simples en HTMLMarcado y Formato de Texto en HTMLDesafío: Crea el Primer Párrafo de Tu Página WebDesafío: Crea una Página Web de Presentación PersonalDesafío: Diseñar una Página Web de Exhibición de PelículasUso de Enlaces y Botones en HTMLDesafío: Crear Enlaces a Sitios Web PopularesValidació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 EstructuradasComprensión de la Estructura del Documento HTMLEl Papel del Encabezado del DocumentoGestión del Flujo y la Disposición del DocumentoDesafío: Estructura Correctamente un Documento HTMLUso de Herramientas de Desarrollador para Inspección y Depuración de HTML
4. Trabajando con Medios y Tablas
Agregar Imágenes en HTMLDesafío: Trabajar con ImágenesTrabajar con Imágenes Clicables, Leyendas y OptimizaciónComprensión de Gráficos Vectoriales y RasterizadosIncrustación de Audio y Video para Contenido Multimedia EnriquecidoDesafío: Incrustar Audio y Video en HTMLCreación y Estructuración de Tablas en HTMLDesafío: Diseñar una Tabla HTML Funcional
5. Formularios HTML y Entrada de Usuario
Introducción a los Formularios HTMLFundamentos de la Creación de Formularios en HTMLUso de Etiquetas para Mejorar la Accesibilidad de FormulariosMejora de Formularios con Atributos de EntradaExploración de los Diferentes Tipos de Entrada en HTMLDesafío: Crear Formulario con Campos de Entrada y EtiquetasTrabajando con el Elemento Textarea para Entrada de Varias LíneasUso del elemento select para menús desplegablesUso del elemento datalist para sugerencias de entrada predefinidasAgrupación de Elementos de Formulario para una Mejor Estructura
Desafío: Incrustar Audio y Video en HTML
Objetivo
Crear una experiencia multimedia atractiva para los visitantes del sitio web incorporando contenido de audio y video.
Tarea
Llevar el sitio web al siguiente nivel sumergiendo a los usuarios en una experiencia multimedia cautivadora. Tu tarea es:
Para el audio: incrustar un archivo de audio que proporcione un ambiente relajante para que los usuarios se relajen. Utiliza el siguiente enlace para el audio:
Para el video: integrar un video que permita a los usuarios disfrutar de la belleza de las criaturas de la naturaleza. Utiliza el siguiente enlace para el video:
Agregar controles de reproducción como reproducir y pausar.
Agregar tipos de archivo.
index.html
index.css
- Utilizar la etiqueta
audio
para especificar un elemento de audio. - Utilizar la etiqueta
video
para especificar un elemento de video. - Utilizar el atributo
controls
para permitir a los usuarios gestionar la reproducción de audio o video. - Utilizar el atributo
src
para especificar la ubicación del archivo. Asegurarse de copiar correctamente los enlaces de la tarea. - Utilizar
type="audio/mp3"
para especificar el tipo de archivo correcto para el audio. - Utilizar
type="video/mp4"
para especificar el tipo de archivo correcto para el video.
index.html
index.css
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 4. Capítulo 6