¿Cómo usar enlaces e imágenes en HTML?

Cómo crear enlaces (<a href="">)

La etiqueta <a> permite añadir enlaces en una página web. El atributo href indica la dirección del enlace.

Ejemplo:

<a href="https://www.ejemplo.com">Visita Ejemplo</a>

Enlaces internos y externos

• Enlaces internos: Navegan dentro de la misma página o sitio.

<a href="#seccion1">Ir a la sección 1</a>

• Enlaces externos: Apuntan a otras páginas web.

<a href="https://www.google.com">Ir a Google</a>

Cómo añadir imágenes (<img src="" alt="">)

La etiqueta <img> se usa para insertar imágenes. Los atributos principales son:

• src: La ruta de la imagen.
• alt: Texto alternativo en caso de que la imagen no se cargue.

Ejemplo:

<img src="imagen.jpg" alt="Descripción de la imagen">

Atributos importantes: target, title, alt

• target=»_blank»: Abre el enlace en una nueva pestaña.
• title: Muestra un texto emergente al pasar el ratón.
• alt: Proporciona texto alternativo para imágenes.

Ejemplo combinado:

<a href="https://www.ejemplo.com" target="_blank" title="Ir a Ejemplo">Visita Ejemplo</a>
<img src="foto.jpg" alt="Una hermosa vista" title="Vista panorámica">

Actividades:

1. Crea un enlace externo a tu sitio web favorito y un enlace interno que apunte a otra sección del mismo documento.
2. Inserta una imagen en tu página usando la etiqueta <img> y añade un texto alternativo.
3. Haz que un enlace se abra en una nueva pestaña y agrega un título al enlace.