Imágenes y Multimedia

Las imágenes y multimedia hacen que tu sitio web sea visual y atractivo. Con las etiquetas <img>, <video>, y <audio>, puedes añadir contenido multimedia a tu página.

1. La etiqueta <img>: imágenes

La etiqueta <img> se usa para insertar imágenes en una página web. Es una etiqueta auto-cerrada, lo que significa que no necesita una etiqueta de cierre.

<!-- Imagen local -->
<img src="imagen.jpg">

<!-- Imagen externa -->
<img src="https://ejemplo.com/imagen.jpg">

<!-- Añadir texto alternativo (alt) -->
<img src="imagen.jpg" alt="Descripción de la imagen">

2. Atributos importantes de <img>

• src: La ruta de la imagen. Puede ser local o externa.
• alt: Texto alternativo que se muestra si la imagen no carga. Es importante para accesibilidad.
• width y height: Define el tamaño de la imagen en píxeles.

<img src="foto.jpg" alt="Una foto de un perro" width="300" height="200">

3. Multimedia: Videos y Audio

Además de imágenes, puedes incluir videos y audio en tu sitio web.

• Video
  Usa la etiqueta <video> para insertar videos.

  <video src="video.mp4" controls>
    <source src="video.mp4" type="video/mp4">
    <source src="video.webm" type="video/webm">
    <p>El navegador no soporta este video.</p>
  </video>

• Audio
  Usa la etiqueta <audio> para insertar audio.

  <audio src="audio.mp3" controls>
    <source src="audio.mp3" type="audio/mpeg">
    <source src="audio.ogg" type="audio/ogg">
    <p>El navegador no soporta este audio.</p>
  </audio>