 |
|
 |
| |
Présentation de la Rubrique :
"HTML débutant - Balise lien et ses attributs"

Sur cette page, nous avons regroupé pour vous la balise lien et ses différents attributs afin de vous faciliter les choses lorsque vous codez vos pages HTML manuellement.
Vous y trouverez le nom de la balise ou de l'attribut ainsi qu'une petite description pour vous informer des bonnes conditions d'utilisation. En effet, certaines balises sont "orphelines", c'est à dire qu'elles ne possèdent pas de balise terminale; pour d'autres, l'utilisation de la balise terminale est tout simplement optionnelle.
PETIT RAPPEL CONCERNANT LES BALISES HTML :
Les balises distinguent les documents ordinaires des documents HTML. Une balise est un mot clé enfermé entre deux chevrons < et >. La grande majorité des balises vont par paire, une au début (c'est la balise initiale) et une autre à la fin (balise terminale). Dans la balise terminale le mot clé est toujours précédé par un slash "/".
Généralités sur les liens :
Il existe plusieurs sortes de liens : les liens internes (liens de navigation sur la même page ou le même site Web) ; les liens externes (liens en direction d'un autre site Web) et les liens e-mails (liens vers une boîte de messagerie).
Si vous avez des doutes, des suggestions ou des questions concernant cette rubrique, n’hésitez pas à les poser sur le "forum Outils du Webmaster".

|
Les Balises Liens
|
| Nom de la balise
|
Description de la balise
|
| "a"
|
Insertion d'un lien ("a" signifie ancre). Cette balise possède une balise terminale "/a".
|
| Exemple basique:
Votre texte ou votre image
|
|
Les Attributs de la balise A
|
| Nom de l'attribut
|
Description de l'attribut
|
| "href"
|
Indique la source du lien (son url).
|
Exemple :
Voir l'exemple basique de la balise "a" ci-dessus.
|
| "target"
|
Indique la page ou le cadre de destination du lien. Les différentes valeurs de cet attribut sont : "_blank" (ouvre une nouvelle fenêtre de votre navigateur Internet), "_top" (ouvre la nouvelle page sans ouvrir de nouvelle fenêtre..); il existe aussi "_self" et "_parent".
|
Exemple :
Voir l'exemple basique de la balise "a" ci-dessus.
|
| "title"
|
Cet attribut vous permet de donner un titre ou une information à votre lien (à utiliser uniquement pour Internet Explorer).
|
Exemple :
Votre texte ou votre image
|
|
Les différents liens HTML
|
| Les liens e-mails
|
|
Exemple de lien simple sans indication de titre :
votreadresseemail@orange.fr
Exemple de lien e-mail avec un titre :
votreadresseemail@orange.fr
Exemple de Lien e-mail avec un titre et un message :
votreadresseemail@orange.fr
|
| Les liens externes
|
|
Exemple de lien externe vers un autre site Web (il est préfèrable d'utiliser la valeur "_blank" de l'attribut "target" pour ouvrir le site dans une nouvelle fenêtre de votre navigateur Internet, ainsi votre propre site reste toujours ouvert et immédiatement consultable par l'internaute).
www.urldusite.com
|
| Les liens internes
|
|
Exemple de lien interne associant un lien à une ancre sur une même page. Ce type de lien permet de naviguer sur la même page (aussi longue soit-elle) sans utiliser le « scrolling ». Pour cela, vous devez associer un document (texte ou image) à une ancre, avec la balise suivante :
Il ne vous reste plus qu’à définir l’endroit où vous souhaitez placer le lien qui mènera vos visiteurs à cette ancre :
En toute logique, si vous souhaitez placer un lien interne vers une ancre, vous devez ajouter à l'url le nom de cette ancre, quelque soit l'endroit où elle se trouve sur votre site (Devant le nom de votre ancre, vous devez impérativement placer le signe "#") :
Exemple de lien interne ouvrant une nouvelle page de votre site :
la page 1
Exemple de lien vers une page située dans le même répertoire de votre site :
Visitez la page 2
Exemple de lien vers un répertoire différent :
Visitez la page 3
|
|
|
|

|
|

|