
des centaines d'astuces pour vous faciliter le quotidien
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.
href="..." : Spécifie la cible de destination Plusieurs méthodes de cible sont possible :
|
|
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é : ![]() ![]() |
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 .
Ex : |