Inicio » Cursos » HTML

Introducción al Desarrollo Web

Conociendo HTML

Organizando el contenido HTML

Agregando recursos multimedia

Gestionando datos en HTML

Curso HTML

Lección: 9 ➜ Multimedia

Agregaremos imágenes, audio y video a nuestra página web.

Lección 9: Multimedia

Agregaremos imágenes, audio y video a nuestra página web. Insertar imagen, audio, video en html.

 Imágenes

Podemos insertar imágenes haciendo uso de la etiqueta

Los formatos compatibles con HTML son:

APNG | GIF | ICO | JPEG | PNG | SVG

Audio

El elemento es usado para reproducir un archivo de audio en una página web.

Formatos compatibles: MP3 | WAV | OGG

Video

El elemento es usado para reproducir un archivo de video en una página web.

Formatos compatibles: MP4 | WebM | OGG


 

En HTML, puedes incorporar elementos multimedia como imágenes, audio y video en tus páginas web utilizando etiquetas específicas. Aquí te muestro cómo agregar contenido multimedia en HTML:

  1. Imágenes (<img>): Para mostrar imágenes en tu página web, utiliza la etiqueta <img>. Debes proporcionar el atributo src con la URL de la imagen y, opcionalmente, atributos como alt para describir la imagen y width y height para controlar su tamaño.

    <img src="imagen.jpg" alt="Descripción de la imagen" width="300" height="200"> 
    
  2. Audio (<audio>): Puedes agregar archivos de audio a tu página web utilizando la etiqueta <audio>. Debes proporcionar el atributo src con la URL del archivo de audio y, opcionalmente, otros atributos para controlar la reproducción.

    <audio controls> <source src="musica.mp3" type="audio/mpeg"> Tu navegador no soporta la reproducción de audio. </audio> 
  3. Video (<video>): Para incluir videos en tu página web, utiliza la etiqueta <video>. Al igual que con el elemento de audio, debes proporcionar el atributo src con la URL del archivo de video y otros atributos para controlar la reproducción.

    <video controls width="640" height="360"> <source src="video.mp4" type="video/mp4"> Tu navegador no soporta la reproducción de video. </video> 
  4. Elementos <iframe>: Puedes incorporar contenido multimedia externo, como videos de YouTube o mapas de Google Maps, utilizando la etiqueta <iframe>. Debes proporcionar el atributo src con la URL del recurso embebido.

    <iframe src="https://www.youtube.com/embed/videoID"></iframe> 

Asegúrate de que los archivos multimedia estén disponibles en las rutas especificadas en los atributos src y de proporcionar una descripción significativa para las imágenes utilizando el atributo alt. Además, los atributos controls en los elementos de audio y video permiten a los usuarios controlar la reproducción.

Recuerda que el uso de multimedia en tu página web debe cumplir con los derechos de autor y las leyes de propiedad intelectual. Asegúrate de tener los permisos necesarios para utilizar cualquier contenido multimedia que no sea de tu propiedad.


883 visitas

Más cursos que pueden interesarte

Más cursos

Codea Codea App

México, Colombia, España, Venezuela, Argentina, Bolivia, Perú

© Todos los derechos reservados Codea App | ...de frente al código!!! | 2020 - 2023