Curso HTML
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.
Podemos insertar imágenes haciendo uso de la etiqueta
Los formatos compatibles con HTML son:
APNG | GIF | ICO | JPEG | PNG | SVG
El elemento es usado para reproducir un archivo de audio en una página web.
Formatos compatibles: MP3 | WAV | OGG
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:
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">
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>
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>
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.
1234 visitas
© Copyright Codea App | LATAM | 2020 - 2024