multimedia
Estas etiquetas permiten enlazar elementos multimedia dentro de la página para proporcionar contenidos más atractivos y enriquecidos a los usuarios.
img
Descripción
Enlaza una imagen a la página y la muestra insertada en el documento.Atributos destacados
- alt: Define un texto alternativo en caso de que la imagen no se cargue. Adicionalmente, proporciona información de soporte para accesibilidad.
- src: Especifica la URL del origen de la imagen.
Sintaxis
<img src="mi_imagen.jpg" alt="Mi imagen">
Vista con estilos
iframe
Descripción
Establece un contenedor para un recurso externo embebido en la página. Por ejemplo, mapas, videos e incluso otros documentos HTML.Atributos destacados
- src: Especifica la URL del origen del recurso. Adicionalmente, los iframe pueden tener diversos atributos predefinidos por el proveedor del recurso.
Sintaxis
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2795.7603746299465!2d25.364975015932796!3d45.51490217910161!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40b347e5a415de31%3A0xcf922792d921ab7f!2sCastillo%20de%20Bran!5e0!3m2!1ses-419!2smx!4v1590962710017!5m2!1ses-419!2smx" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
Vista con estilos
video
Descripción
Enlaza un video a la página y lo muestra insertado en el documento.Atributos destacados
- autoplay: Define si el video debe reproducirse de forma automática en cuanto cargue la página. Algunos navegadores no habilitan este atributo si no se define junto con el atributo muted o controls, con la finalidad de evitar una mala experiencia de usuario.
- controls: Muestra los controles de reproducción del video.
- loop: Especifica si el video se reproducirá de nuevo cada vez que finalice su reproducción.
- muted: Especifica si el audio del video estará habilitado o silenciado.
- poster: Define una imagen estática que se presentará mientras el video carga o se activa el botón de reproducción.
- src: Especifica la URL del origen del video. Cuando un video tiene más de un formato de archivo disponible para garantizar su reproducción (mp4 y ogg, por ejemplo) este atributo no se define dentre de video, en su lugar, deberá añadirse una etiqueta source con los atributos src y type por cada tipo de archivo disponible.
Sintaxis
<!-- Video con un solo origen -->
<video src="mi_video.mp4" autoplay muted controls></video>
<!-- Video con un múltiples orígenes -->
<video poster="mi_imagen_poster.jpg" controls loop>
<source src="mi_video.mp4" type="video/mp4">
<source src="mi_video.ogg" type="video/ogg">
Tu navegador no soporta videos.
</video>
Vista con estilos
audio
Descripción
Enlaza un elemento sonoro a la página y lo muestra insertado en el documento.Atributos destacados
- autoplay: Define si el audio debe reproducirse de forma automática en cuanto cargue la página. Algunos navegadores no habilitan este atributo si no se define junto con el atributo muted o controls, con la finalidad de evitar una mala experiencia de usuario.
- controls: Muestra los controles de reproducción del audio.
- loop: Especifica si el audio se reproducirá de nuevo cada vez que finalice su reproducción.
- src: Especifica la URL del origen del audio. Cuando un audio tiene más de un formato de archivo disponible para garantizar su reproducción (mp4 y ogg, por ejemplo) este atributo no se define dentre de audio, en su lugar, deberá añadirse una etiqueta source con los atributos src y type por cada tipo de archivo disponible.
Sintaxis
<!-- Audio con un solo origen -->
<audio src="mi_audio.mp3" controls></audio>
<!-- Audio con un múltiples orígenes -->
<audio controls>
<source src="mi_audio.mp3" type="audio/mp4">
<source src="mi_audio.ogg" type="audio/ogg">
Tu navegador no soporta audios.
</audio>