➜ 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:
-
Imágenes (
<img>): Para mostrar imágenes en tu página web, utiliza la etiqueta<img>. Debes proporcionar el atributosrccon la URL de la imagen y, opcionalmente, atributos comoaltpara describir la imagen ywidthyheightpara 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 atributosrccon 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 atributosrccon 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 atributosrccon 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.
1774 visitas
Capítulo 10 – Formularios »
