Lien interne:
Afin de permettre la navigation plus facile des longues pages web, il est possible de mettre des liens qui nous dirigeront à l'endroit exacte de la page où on veut se rendre. Pour y parvenir, nous devons utiliser la fonction d'ancre qui jouera un rôle de «signet» dans notre page.
Pour placer une ancre ou si vous préférez, un signet sur notre page, nous devons utiliser les balises <a name="#..."></a> Oui, les balises sont collées! Les «...» doivent être remplacés par le nom de votre choix de l'ancre. Pour parvenir à cette ancre, nous devons utiliser les balises de lien suivantes: <a href="#...">letextedulien</a> À nouveau, les points de suspension représentent le nom de l'ancre. Cette fois-ci, entre les balises nous devons écrire quelque chose car il nous permettra de se rendre où on veut sur la même page.
Lien vers un autre site web:
Pour créer un lien vers un autre site web c'est très simple. Vous devez reprendre les balises <a href=>, mais au lieu du nom de l'ancre, vous mettez le lien débutant par http:// ou https://
Ça ressemble à ceci: <a href="http://...">letextedulien</a>
Vous indiquez l'adresse à la place des «...» et vous écrivez le texte correspondant au lien entre les balises.
Par exemple: <a href="http://napkinco.blogspot.com">Test lien externe</a>
Qui donnerait: Test lien externe
Lien vers envoie email:
Nous pouvons aussi élaborer des liens pour envoyer des emails. Afin d'y parvenir, nous devon rajouter l'option «mailto: » à la balise. <a href="mailto:...@..."> et </a> serviront pour réussir cette action. Les «...» et le «@» sera remplacé par l'adresse email en question à envoyer les infos.
Par exemple: Cliques <a href="mailto:exemple@deemail.com">ici</a> pour m'envoyez un email.
Qui donnerait: Cliques ici pour m'envoyer un email.
Couleurs des liens
Pour indiquer aux utilisateurs de notre fichier HTML quels liens ils ont visité et quels non, nous utilisons souvent le changement de couleur des caractères des liens.
Il est possible de choisir la couleur des liens non visités, des liens visités et la couleur de pointage du curseur.
Les attributs «link», «alink» et «vlink» vont défénir la couleur des liens de la page (link), ceux pointés par le curseur(alink) ainsi que les visités (vlink).
Par exemple sur ce site: <body link="#d5a6bd" alink="#b4a7d6" vlink="#ea9999">...</body>
Parfois nous utilisons des images pour nous rediriger sur la page ou pour nous référer à une autre. Le lien sur image est, dans ce cas si, très utile. De même pour les mots que pour les images, les balises de lien doivent se retrouver à l'extérieur de celle de l'image.
Par exemple:<a href="http://napkinco.blogspot.com"><img src=http://i3.ytimg.com/i/rFTRh7GCCqtEkW_DapM-yQ/mq1.jpg?v=5106e467></a>
Donnerait:
