Crea enlaces a otras páginas y muestra imágenes con las etiquetas a e img.
Abrir esta lección en KodokonEl "HyperText" (hipertexto) de HTML es precisamente la capacidad de conectar páginas entre sí mediante enlaces. Un enlace se crea con la etiqueta <a> (abreviatura de anchor, ancla). Su destino lo indica el atributo href (hypertext reference, referencia de hipertexto), que contiene una URL: la dirección de una página web, como https://en.wikipedia.org. El texto colocado entre <a> y </a> se vuelve clicable.
<p>My favorite pages:</p>
<a href="https://en.wikipedia.org">Visit Wikipedia</a>
<a href="contact.html">See the contact page</a>Para mostrar una imagen, usas la etiqueta <img>. Es una etiqueta autocerrada: no tiene contenido ni etiqueta de cierre; todo cabe dentro de la propia etiqueta. Dos atributos son esenciales. src (source, fuente) indica dónde se encuentra el archivo de la imagen. alt (alternative text, texto alternativo) describe la imagen con palabras: este texto se muestra si la imagen no llega a cargarse, y lo leen en voz alta los lectores de pantalla que usan las personas con discapacidad visual.
<img src="images/cat.jpg" alt="A sleeping ginger kitten">
<img src="logo.png" alt="My site's logo">
<img src="beach.jpg" alt="A beach at sunset">Puedes combinar ambas: una imagen colocada dentro de un elemento <a> se vuelve clicable. Eso es exactamente lo que hacen los logotipos de los sitios web: te llevan de vuelta a la página de inicio cuando haces clic en ellos.
<a href="https://en.wikipedia.org">
<img src="wiki-logo.png" alt="Wikipedia logo">
</a>