Enunciado del Ejercicio
Este ejercicio tiene como fin desarrollar habilidades en HTML mediante la incorporación de elementos multimedia y el uso eficiente de listas para organizar contenido. Se requiere construir una página web que incluya:
- Audio: Un clip de audio educativo.
- Video: Un video que visualice conceptos relacionados con el clip de audio.
- Listas Ordenadas y Desordenadas: Uso de ambas para estructurar información relevante.
Detalles Específicos:
- Audio: Deberás integrar un clip de audio que describa un tema histórico.
- Video: Incluye un video que muestre eventos o reconstrucciones de ese período histórico.
- Listas:
- Ordenada: Documenta los pasos para añadir un video en una página HTML.
- Desordenada: Enumera las características que debe tener un buen recurso educativo multimedia.
Solución del Ejercicio
A continuación, se proporciona un ejemplo de cómo implementar estos requisitos en una página HTML:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ejercicio de Integración Multimedia</title>
</head>
<body>
<h1>Integración de Elementos Multimedia en HTML</h1>
<section>
<h2>Clip de Audio Histórico</h2>
<audio controls>
<source src="audio.mp3" type="audio/mp3">
Lo siento, tu navegador no soporta el elemento de audio.
</audio>
</section>
<section>
<h2>Visualización en Video de la Historia</h2>
<video controls>
<source src="video.mp4" type="video/mp4">
Lo siento, tu navegador no soporta el elemento de video.
</video>
</section>
<section>
<h2>Listas para Organizar Contenido</h2>
<h3>Pasos para Agregar un Video:</h3>
<ol>
<li>Abrir la etiqueta <code><video></code> en el lugar deseado de tu HTML.</li>
<li>Insertar la etiqueta <code><source></code> dentro del elemento video.</li>
<li>Especificar la ubicación del archivo con el atributo 'src'.</li>
<li>Definir el tipo de archivo con el atributo 'type'.</li>
<li>Agregar el atributo 'controls' para facilitar la reproducción por parte del usuario.</li>
</ol>
<h3>Características de Buenos Recursos Educativos Multimedia:</h3>
<ul>
<li>Claridad en la exposición de contenidos.</li>
<li>Compatibilidad con diversos dispositivos y navegadores.</li>
<li>Accesibilidad para usuarios con discapacidades.</li>
<li>Interactividad para aumentar el compromiso del estudiante.</li>
</ul>
</section>
</body>
</html>Este código ofrece una estructura completa que no solo integra audio y video, sino que también muestra cómo organizar la información de manera clara y educativa usando listas ordenadas y desordenadas, facilitando la comprensión y el aprendizaje de los usuarios.
Photo by Pavel Danilyuk on Pexels.com 
Photo by RealToughCandy.com on Pexels.com 
Photo by Andrea Piacquadio on Pexels.com 
¿QUÉ TE HA PARECIDO EL ARTÍCULO? Danos tu opinión al final de la página.
Deja tu comentario y ayúdanos a crecer.
¡SÍGUENOS EN TUS REDES FAVORITAS!
AYUDANOS A CRECER Y QUE LLEGUEMOS A TODAS LAS PERSONAS QUE NOS NECESITANA. SÍGUENOS EN TUS REDES.
Entra AQUÍ y elíge donde seguirnos.
NUESTRAS ÚLTIMAS PUBLICACIONES
- La importancia de mantener un ritmo de estudio durante las navidades.
- Cómo Multiplicar Matrices en Java: Guía Completa con Ejemplo Práctico
- Triunfos y logros de nuestra Academia SanRoque
- Herramientas Imprescindibles para Realizar Ingeniería Inversa en Java
- ¿A qué nivel de conversación en inglés estás dispuesto a llegar con Academia SanRoque?
- Cómo Resolver una Ecuación de Segundo Grado con GNU Octave
- Cuando vienes a la Academia SaRoque justo antes del examen final.
- 25N Día Internacional para la Eliminación de la Violencia contra la Mujer
- Cuando el profesor nos da la última oportunidad.
ELIGE TU RED FAVORITA Y SÍGUENOS.
AYUDANOS A CRECER Y A LLEGAR A TODAS LAS PERSONAS QUE NOS NECESITAN.
Photo by Pavel Danilyuk on Pexels.com Photo by RealToughCandy.com on Pexels.com Photo by Andrea Piacquadio on Pexels.com
¿QUÉ TE HA PARECIDO EL ARTÍCULO? Danos tu opinión al final de la página.
Deja tu comentario y ayúdanos a crecer.
¡SÍGUENOS EN TUS REDES FAVORITAS!
AYUDANOS A CRECER Y QUE LLEGUEMOS A TODAS LAS PERSONAS QUE NOS NECESITANA. SÍGUENOS EN TUS REDES.
Entra AQUÍ y elíge donde seguirnos.
NUESTRAS ÚLTIMAS PUBLICACIONES
- La importancia de mantener un ritmo de estudio durante las navidades.
- Cómo Multiplicar Matrices en Java: Guía Completa con Ejemplo Práctico
- Triunfos y logros de nuestra Academia SanRoque
- Herramientas Imprescindibles para Realizar Ingeniería Inversa en Java
- ¿A qué nivel de conversación en inglés estás dispuesto a llegar con Academia SanRoque?
- Cómo Resolver una Ecuación de Segundo Grado con GNU Octave
- Cuando vienes a la Academia SaRoque justo antes del examen final.
- 25N Día Internacional para la Eliminación de la Violencia contra la Mujer
- Cuando el profesor nos da la última oportunidad.
ELIGE TU RED FAVORITA Y SÍGUENOS.
AYUDANOS A CRECER Y A LLEGAR A TODAS LAS PERSONAS QUE NOS NECESITAN.
Contenido restringido
Comments are closed