Inicio » Cursos » HTML

Curso HTML

Capitulo 9 ➜ Multimedia

Multimedia

Multimedia

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

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.


928 visitas

Sigue con el curso: Capítulo 10 – Formularios

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