HTML

Introduction

Construction

Environnement

Mise en forme

Mise en page

Listes

Tableaux

Multimédia

Formulaires

Autres langages

Méta-tags

Cadres

Liens

Balises

Caractères spéciaux

DHTML

CSS

CSS-P

JavaScript

Couleurs

Référencement

Les liens

• CLASS="nom de la classe"
• HREF=
  • "chemin relatif"
  • "chemin absolu"
• TARGET="nom du cadre"
• TITLE="description du lien"

HREF détermine le chemin du document sur lequel va l'utilisateur lorsqu'il clique sur le lien. Un chemin absolu peut être de ce type : HREF="http://sakartone.free.fr/index/html/liens.html". Un lien relatif est le chemin de ce fichier mais par rapport à l'emplacement actuel, par exemple : HREF="liens.html" si le fichier actuel se trouve dans le même répertoire.

TARGET permet de spécifier la frame de destination du lien. Le fichier s'ouvrira dans le cadre indiqué. Exemple : TARGET="Main".

TITLE permet d'afficher une info-bulle au survol de la souris sur le lien. Exemple : TITLE="Comment créer un lien vers un autre document".

Zones réactives sur image

Pour cela, il faut utiliser les balises <MAP> et </MAP> pour déclarer toute l'ensemble des zones réactives d'une image.
Les balises <MAP></MAP> possèdent la propriété :

• NAME="nom donné"

Entre les balises <MAP></MAP>, on place une ou plusieurs balises <AREA>, celle-ci permet de créer un lien vers un autre document.
La balise <AREA> possède les propriétés suivantes :

• ALT="description"
• HREF=
  • "chemin relatif"
  • "chemin absolu"
• SHAPE=
  • "Circle"
  • "Rect"
  • "Poly"
• COORDS=
  • "x, y, rayon"
  • "x1, y1, x2, y2"
  • "x1, y1, x2, y2, x3, y3, x4, y4, etc."

HREF permet de mettre le chemin du document qui s'affichera.

SHAPE permet de choisir la forme de cette zone réactive : en forme de rond, de rectangle ou de polygone.

Selon la forme choisie, COORDS permet d'insérer les coordonnées des différents points.

On doit ensuite utiliser la balise <IMG> avec la propriété :

• USEMAP="#nom de la map"