– Les liens hypertextes –

 

Les liens hypertextes sont un des deux moyens sur un site HTML pour passer d’une page à une autre, avec les formulaires. Il existe une balise <a> qui permet de faire des liens, mais grâce aux paramètres, on peut lui attribuer plusieurs rôles.

  • les liens entre plusieurs pages:

On ajoute au lien le paramètre href qui contient l’URL (l’adresse) vers laquelle on veut aller en cliquant sur le lien.

Exemple:

<a href= »page2.html »>Lien vers la page 2</a>

 

  • les liens vers une même page: on appelle ça une ancre. On fait le lien en deux étapes:

d’abord on crée l’ancre, c’est-à-dire l’endroit qui se situera en haut de page lors du lien (regardez les liens par exemple sur wikipédia, les sommaires sont des ancres)

<a name= »sommaire »></a

ensuite on fait le lien comme précédemment, sauf qu’on va utiliser l’ancre dans le paramètre href, précédée dun #

<a href= »#sommaire »>Lien vers le sommaire</a>
<a href= »page2.html#sommaire »>Lien vers le sommaire de la page 2</a>

 

  • les liens vers un mail

On va utiliser mailto: dans le paramètre href de notre lien.

<a href= »mailto:matthieu.reichstadt@inrae.fr »>Courrier à vore dévoué professeur</a>

– Les images –

 

Une image est un bloc comme les autres qui existent sur une page, à la différence près qu’une image n’a pas de balise fermante.

Comme toutes les autres balises, elle peut posséder des paramètres:

  • la largeur: width
  • la hauteur: height
  • l’espace horizontal autour de l’image: hspace
  • l’espace vertical autour de l’image: vspace
  • la bordure de l’image: border

Elles peuvent être utilisées comme des liens hypertextes, en les incluant à l’intérieur d’une balise lien hpertexte.

blablavertical
blablahorizontal

blablavertical
<img src= »image.jpg » width= »300″ height= »300″ border= »1″ vspace= »20″ hspace= »10″ alt= » » />blablahorizontal