Imágenes y Enlaces

Los enlaces (etiqueta a con atributo href) son lo que hace a la web una "red": conectan páginas entre sí. href puede ser una URL absoluta (https://...) para enlaces externos, o relativa (../about.html) para páginas del mismo sitio. El atributo target="_blank" abre el enlace en una nueva pestaña.

Las imágenes (etiqueta img) requieren src (la ruta de la imagen) y alt (texto alternativo). El atributo alt es obligatorio por accesibilidad: lo leen los lectores de pantalla para personas con discapacidad visual y lo usan los buscadores cuando no pueden cargar la imagen. Nunca lo omitas.

<!-- Enlace básico -->
<a href="https://google.com">Ir a Google</a>

<!-- Enlace en nueva pestaña -->
<a href="https://google.com" target="_blank" rel="noopener">Nueva pestaña</a>

<!-- Enlace interno -->
<a href="contacto.html">Ir a Contacto</a>

<!-- Enlace a sección en la misma página -->
<a href="#seccion-2">Ir a Sección 2</a>
<h2 id="seccion-2">Sección 2</h2>

<!-- Imagen -->
<img src="foto.jpg" alt="Descripción de la foto" width="400" height="300">

<!-- Imagen como enlace -->
<a href="pagina.html">
  <img src="banner.jpg" alt="Ir a la página">
</a>