Easy-Micro

LANGAGE Langage HTML
Liens HTML

Les Liens HyperText en HTML

La paire de balises pour créer un lien hypertext est le <a> et le </a> (a pour ancre) à laquelle on insert l'attribut href (href pour hyper reférence : la destination du lien), avec l'adresse comme argument (toujours entre guillemets). Syntaxe :

<a href="adresse_du_lien">texte ou image</a>

  • Exemple de lien hypertext sur un texte (vers un autre site):
    <a href="https://www.easy-micro.com/">Un superbe site :-)</a>
  • Exemple de lien hypertext sur un texte (même site):
    <a href="index.htm">Accueil</a>
  • Exemple de lien hypertext sur une image:
    <a href="https://www.easy-micro.com/"><img src="logo_easy-micro.gif" alt="logo Easy-Micro"></a>

    Note: Pour insérer des images, on utilise la balise "img" : <img src="nom_image.gif" alt="mon logo" width="10" height="10">
    On insére une image avec l'attribut "src" (source) et un texte explicatif (alt signifie alternatif) pour donner un descriptif lorsque vous passez la souris sur l'image. Notez que cette balise img n'a pas de balise fermante. Il s'agit d'une balise dite orpheline.
  • Exemple de lien hypertext sur une adresse de messagerie:
    <a href=" mailto:titi@toto.fr ">Contactez-moi</a>
  • Exemple de lien hypertext dans une page html (vers un signet):
    <a href="#haut" title="Haut de page">Haut de page</a>

    Ce dernier exemple implique d'avoir installé un signet (une Ancre) en haut de la page dans laquelle on se trouve, afin de pouvoir définir un lien hypertext vers ce signet. Par exemple, dans l'éditeur Dreamweaver, cliquez sur le menu insertion / Ancre nommée puis nommez cette ancre "Haut". Faire ensuite un lien vers cette ancre nommée "Haut" avec le signe dièse devant. En code pur, on saisie une balise a avec l'attribut name sans aucun texte entre la balise ouvrante et fermante, comme ceci: <a name="haut"></a>

< Page précédente LANGAGE HTML Page suivante >