5. Imágenes y Multimedia: Lo Visual
Una imagen vale más que mil palabras
Para que tu web deje de ser solo texto, usamos la etiqueta <img>. Pero ojo: si no pones el atributo alt, Google y la gente que no puede ver bien, no sabrán de qué trata la imagen.
html
HTML
1 <img src="foto-de-perfil.jpg" alt="Retrato de Juan Perez sonriendo" width="200">
- src: La ruta de la imagen (donde vive el archivo).
- alt: Descripción del contenido para que siempre haya algo que cargar.
🖥️ Video y Audio
Hoy en día HTML5 nos deja insertar videos directamente sin reproductores externos flahs o raros.
html
HTML
1 <video controls width="100%">
2 <source src="demo.mp4" type="video/mp4">
3 Tu navegador no soporta video.
4 </video>
- controls: Es vital para que el usuario pueda darle al Play o pausar.
- autoplay: Para que el video empiece solo (pero a veces es molesto).
El poder del Iframe
Iframe sirve para meter una web dentro de otra. Se usa para mapas de Google Maps, videos de YouTube o widgets de redes sociales. Es una ventana a otra dirección web.
