des centaines d'astuces pour vous faciliter le quotidien


LES LIENS HTML

LES LIENS HTML

 

               

 

 

IMAGE CLIQUABLE

 

 

Les "liens" sont certainement parmis les fonctions les plus importantes du HTML.

 

Ils sont aussi appelés liens hypertexte.

 

C'est ceux-ci qui créent l'interconnexion entre les pages,

 

tissant en quelques sortes la toile du Web. 

 

 

 : Cette balise seul sans attribut n'a pas d'effet, elle sera donc toujours associée à un ou plusieurs attribut
href="..." : Spécifie la cible de destination
Plusieurs méthodes de cible sont possible :
  • Vers une page externe au site
  • Vers une page interne au site
  • Vers une partie de la page en courante
  • Vers une adresse email

  • Le texte visible servant d'hyperlien est compris entre les balise  et .
    Voyez les exemples ci-dessous.
Ex :
Vers une page externe au site
Résultat :
  Vers une page externe au site

Cliquez le lien ci-dessus et vous reviendrez sur cette même page. Remarquez que l'adresse cible contient l'adresse du site + celle de la page. Une autre adresse ainsi formée vous aurait conduit vers une page d'un autre site.
Ex :
Vers une page interne au site
Résultat :
Vers une page interne au site


Cliquez le lien ci-dessus et vous reviendrez sur cette même page. Remarquez que l'adresse cible ne contient plus l'adresse du site mais, uniquement celle de la page. On reste sur le site.
Ex :
Vers un point d'ancre de cette page
Résultat :
Vers un point d'ancre de cette page


Cliquez le lien ci-dessus et vous resterez sur cette même page mais vous serez focusé sur le "sommaire". Remarquez que l'adresse cible ne contient plus l'adresse du site ni celle de la page, uniquement celle du point d'ancre. On reste surle site et sur la page.
href="mailto:..." : Il faut bien sûr ajouter l'adresse mail de destination. Lorsque le lien sera cliqué, votre programme client email.
NB : Cette méthode pour mettre votre contact email à la disposition de vos visiteurs est certainement la plus simple à mettre en place. Mais c'est aussi la méthode qui mettra votre adresse email à la disposition des SPAMMER's, "la plaie du Web". Opter plutôt vers une méthode de formulaire dynamique qui cachera votre adresse email des robots scanners qu'utilisent malicieusement les spammer's. Bien qu'ils aient des outils de plus en plus puissant
Ex :
Écrive-nous
Résultat :
Écrive-nous


Cliquez le lien ci-dessus et votre programmeclient mail s'ouvrira.
name="..." : 
Crée un point d'ancrage
Ex :
Point d'ancrage



 Vers le point d'ancre ci-dessus 
Résultat :
Point d'ancrage

Vers le point d'ancre ci-dessus


Cliquez le lien ci-dessus et vous serez focusé sur la ligne "Point d'ancrage".
target="..." : 
Défini le mode d'ouverture du lien. Les valeurs possible sont : "_self", "_blank". Pour les autres valeurs "_parent" et "_top", elles sont liées aux frames et comme je suis farouchement opposé à utiliser les frames, je ne vous en parlerai pas ! Les frames sont très très mal considérées par Google ! A éviter !
Ex :
Ouvre la page dans la même fenêtre
Résultat :
Ouvre la page dans la même fenêtre


Cliquez le lien ci-dessus la page s'ouvrira dans le même fenêtre.
Ex :
Ouvre la page dans la même fenêtre
Résultat :
Ouvre la page dans une nouvelle fenêtre


Cliquez le lien ci-dessus la page s'ouvrira dans une nouvelle fenêtre.
Title="..." : 
Assigne un titre au lien.
Ex :
Vers cette page avec titre
Résultat :
Vers cette page avec titre


Passez la souris sur le lien ci-dessus et une boîte s'ouvrira avec le contenu de l'attribut "title".
Compatibilité : IE Firefox

 

 

Image clicquable 

 



Vous trouverez ce chapitre séparé du précédent, tout en étant dans le domaine des liens.
Vous verez que pour mettre en place cette fonction, vous aurez besoin de plusieurs balises.
A l'inverse des autres descriptions, vous trouverez d'abord l'exemple avant que vous puissiez découvrir les différentes balises et attibuts que constituent cette fonction d'image cliquable .

 

 

 

 

 : Cette balise seul sans attribut n'a pas d'effet, elle sera donc toujours associée à un ou plusieurs attribut
Ex :

			<a>  data-cke-saved-href= Sommaire par image cliquable : Spécifie le mon de la "map" avec laquelle l'image est associée