Il vous intrigue, il vous interpelle, vous en avez besoin, et pour certains vous l'utilisez sans même vous en rendre compte de par un éditeur. Bref, il est temps de mettre les choses au clair et d'apprendre "enfin" l'HTML ... moins courament appellé l'hypertexte markup language.
Nous verrons ici plus précisemment la version 4 de HTML.

L'Hypertexte, création de liens

Pour passer d'une page à l'autre, vous cliquez sur du texte ou une image. Ces derniers sont donc dôtés de ce que l'on appelle des liens.

Un lien est défini grâce à la balise <a> accompagnée obligatoirement de son attribut href qui indiquera la page cible :
<a href="mattemyflowers.htm">Look ! My flowers are beautiful !</a>

Dans la plupart des navigateurs, un lien sera par défaut souligné, en bleu. Si il a déjà été visité, il passe en violet.

L'attribut target viendra préciser le mode d'ouverture de la page. Ainsi, ses valeurs _blank, _self, ou _parent (les plus courantes) ouvrirons respectivement la page dans une nouvelle fenêtre, dans la même ou dans la fenêtre mére (principale).
<a href="mattemyflowers.htm" target="_blank">Look ! My flowers are beautiful !</a>

Remarque :
target peut également servir pour cibler les frames en y indiquant le nom que vous leur aurez donné à l'aide de name. Nous en détaillerons leur utilisation dans un prochain chapitre.

Définir des liens internes :

Nous parlerons ici d'ancres, qui serviront à accéder à un endroit précis de la page.
Une ancre se définit grâce à <a> accompagné de l'attribut name qui précisera le nom de l'ancre.

Hellloooooooooooooo !
<a name="comment">My flowers are very beautiful !</a>
Gooooooooodbyeee !
Au fait, comment sont mes fleurs ??
<a href="#comment">Clique ici pour savoir</a>

Si l'on clique sur "Clique ici pour savoir", la page remontra à "My flowers are beautiful".
Une ancre est appellée comme un lien avec un diése (#) devant son nom.
Si on souhaite atteindre un endroit précis de la page b.htm à partir de la page a.htm, on placera une ancre <a name="endroit"> à l'endroit souhaité dans b.htm et on proposera <a href="b.htm#endroit"> comme lien dans la page a.htm.

Remarque :
Pour atteindre une page, on devra définir son chemin.
Les slashs (/) séparent les dossier et le lien spécial "../" permet de remonter d'un dossier.
Si la page b.htm est dans le dossier d1, que la page est dans b.htm est dans le dossier d2 qui lui-même est dans le d1, on utilisera <a href="../b.htm"> pour atteindre la page b.htm à partir de a.htm (à méditer ;).

Pour proposer un envoi de mail, le protocole mailto est à votre disposition.
<a href="mailto:myflowers@beautiful.are">Mailez-moi, petites fleurs !</a>

Ce lien ouvrira le logiciel de messagerie par défaut avec l'utilisateur par défaut du visiteur en indiquant directement l'adresse myflowers@beautiful.are dans le champs A:.

Vous pouvez également préciser l'objet :
<a href="mailto:myflowers@beautiful.are?subject=Very beautiful !!">Mailez-moi, petites fleurs !</a>

Mais un site sans couleurs ni images, c'est moche ! Voici le sujet du prochain chapitre...

<< Précédent - Sommaire - Suivant >>

Un problème ? Quelque chose que vous n'avez pas saisit ?
Posez vos questions sur les forums (+) !

Toute reproduction interdite - Intégralement écrits par le Webmaster

Partenaires