Els hiperenllaços són una de les característiques més fonamentals i poderoses de l'HTML. Permeten als usuaris navegar entre diferents pàgines web o seccions dins de la mateixa pàgina. En aquesta secció, aprendrem com crear hiperenllaços utilitzant l'etiqueta <a>.

• Etiqueta <a>: Utilitzada per crear enllaços.
• Atribut href: Especifica la destinació de l'enllaç.
• Text de l'enllaç: El text visible que els usuaris poden clicar.

Un hiperenllaç bàsic es crea amb l'etiqueta <a> i l'atribut href. Aquí teniu un exemple senzill:

En aquest exemple:

• <a> és l'etiqueta d'enllaç.
• href="https://www.example.com" és l'atribut que defineix la destinació de l'enllaç.
• Visita Example és el text que es mostrarà als usuaris.

Per crear un enllaç a una altra pàgina web, simplement especifiqueu l'URL complet a l'atribut href:

Podeu enllaçar a altres pàgines dins del mateix lloc web utilitzant rutes relatives:

Per enllaçar a una secció específica dins de la mateixa pàgina, utilitzeu identificadors (id):

Podeu crear enllaços que obrin el client de correu electrònic de l'usuari amb una adreça predefinida:

L'atribut target especifica on s'obrirà l'enllaç. Els valors comuns inclouen:

• _self: Obre l'enllaç en la mateixa finestra o pestanya (valor per defecte).
• _blank: Obre l'enllaç en una nova finestra o pestanya.

Exemple:

L'atribut title proporciona informació addicional sobre l'enllaç. Aquesta informació apareix com una eina emergent quan l'usuari passa el cursor sobre l'enllaç.

Crea un enllaç que porti a la pàgina principal de Google.

Crea un enllaç que porti a una secció específica dins de la mateixa pàgina.

Crea un enllaç que s'obri en una nova pestanya.

Crea un enllaç que obri el client de correu electrònic amb una adreça predefinida.

• Oblidar l'atribut href: Sense aquest atribut, l'enllaç no funcionarà.
• Utilitzar URLs incorrectes: Assegureu-vos que les URLs són correctes i accessibles.
• No utilitzar identificadors únics per a enllaços interns: Cada id dins d'una pàgina ha de ser únic.

En aquesta secció, hem après com crear diversos tipus d'hiperenllaços utilitzant l'etiqueta <a> i l'atribut href. També hem explorat atributs addicionals com target i title per millorar la funcionalitat i l'accessibilitat dels enllaços. Els exercicis pràctics proporcionats us ajudaran a consolidar aquests conceptes. Ara esteu preparats per crear enllaços efectius i funcionals a les vostres pàgines web!