HTML <a> href Attribut

L'attribut href spécifie la destination du lien :

 <a href="https://www.formation-ti.org">Visitez formation-ti.org</a> 

Vous trouverez ci-dessous d'autres exemples "Essayez-le vous-même".

Définition et Utilisation

L'attribut href spécifie l'URL de la page vers laquelle le lien pointe.

Si l'attribut href n'est pas présent, la balise <a> ne sera pas un hyperlien.

Astuce : Vous pouvez utiliser href="#top" ou href="#" pour lier au sommet de la page actuelle !

Attribut
href	Oui	Oui	Oui	Oui	Oui

 <a href="  URL  "> 

Valeur	Description
URL	L'URL du lien. Valeurs possibles : Une URL absolue - pointe vers un autre site web (comme href="http://www.example.com/default.htm") Une URL relative - pointe vers un fichier dans un site web (comme href="default.htm") Lien vers un élément avec un id spécifié dans la page (comme href="#section2") Autres protocoles (comme https://, ftp://, mailto:, file:, etc..) Un script (comme href="javascript:alert('Hello');")

Valeur

Description

URL

L'URL du lien.

Valeurs possibles :

Une URL absolue - pointe vers un autre site web (comme href="http://www.example.com/default.htm")
Une URL relative - pointe vers un fichier dans un site web (comme href="default.htm")
Lien vers un élément avec un id spécifié dans la page (comme href="#section2")
Autres protocoles (comme https://, ftp://, mailto:, file:, etc..)
Un script (comme href="javascript:alert('Hello');")

Comment utiliser une image comme lien :

 <a href="https://www.formation-ti.org"> 
 <img border="0" alt="formation-ti.org" src="logo_w3s.gif" width="100" height="100"> 
 </a> 

Comment lier à une adresse e-mail :

 <a href="mailto:someone@example.com">Envoyer un e-mail</a> 

Comment lier à un numéro de téléphone :

 <a href="tel:+4733378901">+47 333 78 901</a> 

Comment lier à un SMS :

 <a href="sms:+4733378901?body=Please%20contact%20me.">Envoyer un SMS</a> 

Comment lier à une autre section de la même page :

 <a href="#section2">Aller à la Section 2</a> 

Comment lier à un JavaScript :

 <a href="javascript:alert('Hello World!');">Exécuter JavaScript</a> 