Enlaces
Conectar páginas
Una página web no tiene por qué estar aislada — podemos conectar documentos entre sí mediante enlaces, con la etiqueta <a> (de anchor):
<a href="contacto.html">Contacto</a>
Tiene dos partes importantes: href es el atributo que indica el destino del enlace, y "Contacto" es el texto en el que el visitante hace clic.
Probá vos: un enlace
Escribí un enlace que lleve a galeria.html, con el texto "Ver galería".
Enlace interno vs. enlace externo
Un enlace interno lleva a otra página de tu propio sitio — el destino es solo el nombre del archivo:
<a href="contacto.html">Contacto</a>
Un enlace externo lleva a otro sitio — el destino es una URL completa, con https:// adelante:
<a href="https://www.ceibal.edu.uy">Sitio de Ceibal</a>
Abrir en una pestaña nueva
Por defecto, un enlace reemplaza la página actual. Para que un enlace externo se abra en una pestaña nueva (y el visitante no "se vaya" de tu sitio), se agrega el atributo target="_blank":
<a href="https://www.ceibal.edu.uy" target="_blank">Sitio de Ceibal</a>
Es una buena práctica reservar target="_blank" para enlaces externos — un enlace interno que abre en pestaña nueva suele confundir más de lo que ayuda.
Probá vos: un enlace externo
Escribí un enlace hacia https://www.ceibal.edu.uy, con el texto que quieras, que se abra en una pestaña nueva.
Encontrá el enlace incorrecto
Responde estas preguntas para verificar tu comprensión.
Pregunta 1
<a src="contacto.html">Contacto</a> ¿Qué atributo necesita un enlace para indicar su destino?