Médiaforma

All posts tagged liens

Pour ajouter un lien hypertexte dans un e-mail, sélectionnez un bloc de texte, basculez sur l’onglet Insertion dans le ruban et cliquez sur l’icône Lien hypertexte dans le groupe Liens. Vous pouvez également appuyer sur Ctrl + K pour obtenir le même résultat.

Tapez l’URL de la page Web dans la zone Adresse, puis cliquez sur OK. Un lien hypertexte est maintenant relié au texte sélectionné.

Pour accéder à la page Web qui correspond au lien hypertexte, votre destinataire n’a plus qu’à cliquer sur ce lien dans le message.


Dans la rubrique précédente, vous avez vu que l’arrière-plan des pages était de couleur blanche par défaut, mais qu’il était possible de modifier cette couleur en utilisant l’attribut bgcolor de la balise <body>. D’autres attributs de la balise <body> permettent de modifier la couleur par défaut du texte, des liens non visités et des liens visités. Vous utiliserez l’attribut :

  • text pour modifier la couleur par défaut du texte ;
  • link pour modifier la couleur par défaut des liens non visités ;
  • vlink pour modifier la couleur par défaut des liens visités.

Dans cet exemple, les couleurs par défaut sont les suivantes : bleu pour le texte, rouge pour les liens non visités et vert pour les liens visités.


Que serait le Web sans les liens hypertextes ? Certainement pas un média aussi riche et global.  Les liens (on oublie souvent le mot hypertexte) permettent d’accéder à des pages annexes, qui peuvent se trouver sur le même site Web ou sur un serveur situé à plusieurs milliers de kilomètres. Ils peuvent également être utilisés pour télécharger un fichier ou envoyer un message e-mail via le programme de messagerie local.

Pour définir un lien, il suffit d’entourer le texte concerné par les balises <a> et </a>. Ici par exemple, le texte “Cliquez ici pour accéder au site de Microsoft” est un lien vers le site Web de Microsoft France.

<a href=”http://www.microsoft.com/fr-fr/default.aspx”>Cliquez ici pour accéder au site de Microsoft.</a>

Comme vous le voyez, tout le texte compris entre les balises <a> et </a> est souligné. Il suffit de cliquer dessus pour accéder au site de Microsoft.

Le lien aurait tout aussi bien pu être affecté au seul mot “ici” en utilisant ce code :

Cliquez <a href=”http://www.microsoft.com/fr-fr/default.aspx”>ici</a> pour accéder au site de Microsoft.

Dans ce cas, seul le mot “ici” est souligné et lui seul donne accès au site de Microsoft.

Lorsqu’un lien fait référence à une page du même site, il n’est pas nécessaire de préciser le nom du domaine. Supposons par exemple que la page à accéder ait pour nom “cible.html” et qu’elle se trouve dans le même dossier que la page actuelle. Il suffit d’affecter le nom de la page à l’attribut href :

<a href=”cible.html”>lien</a>

La page cible.html est accédée avec un adressage relatif.

Supposons maintenant que :

  1. la page actuelle se trouve à l’adresse http://www.domaine.com/pages/lapage.html,
  2. La page à accéder se trouve à l’adresse http://www.domaine.com/annexe/cible.html.

Pour passer du dossier pages au dossier annexe, il faut passer au dossier parent du dossier pages en utilisant un “../” puis redescendre au dossier annexe. La syntaxe à utiliser est la suivante :

<a href=”../annexe/cible.html”>lien</a>

Vous auriez également pu indiquer l’adresse absolue de la page avec cette syntaxe :

<a href=”http://www.domaine.com/annexe/cible.html”>lien</a>