Les liens hypertexte

Contenu du cours

I. Introduction

Ecrire des "pages Web", c'est bien ; ne pas les isoler du monde et leur permettre, soit d'être indexée sur une autre page, soit de mener vers un autre site, c'est mieux. A l'inverse d'un livre, par exemple, où le plus souvent la lecture se fait de manière linéaire, et ceci à cause de la nature même du support, le support électronique a permis de développer le concept d'hypertexte.

La lecture n'est plus forcément linéaire ; chaque groupe de mots peut mener à des informations supplémentaires, ou bien permettre de lancer une application externe, en fonction des besoins de l'utilisateur. C'est une perspective qu'il ne faut jamais oublier : un lien hypertexte est là pour introduire une certaine profondeur ou bien pour élargir un champ... et non pour artificiellement multiplier des pages sur un site !

Le but de ce chapitre est de faire un rapide exposé de cette notion fondamentale sur le réseau.

II. Différents types de liens

1. Introduction

Différents types de liens sont possibles :

des liens internes à une page donnée. Lors du fonctionnement de ce lien, le navigateur ne charge pas de nouvelle page. Le contenu de la fenêtre est simplement ajusté pour que la référence apparaisse à l'écran. Par exemple, ce lien intra-page va placer l'affichage au niveau du paragraphe consacré à cette notion.
des liens pointant vers une autre page d'un même serveur. Lors du fonctionnement de ce lien, le navigateur charge une nouvelle page située sur le même serveur. La syntaxe employée sera alors relative à la page en cours. Par exemple, ce support de cours constitue lui-même un site installé sur un serveur unique, et ce lien permet de revenir au premier cours d'introduction. On parle de lien interne et d'adresse relative.
des liens pointant vers un autre site. Il va falloir lancer une requête sur l'ensemble de la toile pour que le serveur qui possède la page demandée puisse l'envoyer via l'Internet, au client demandeur. On parle de lien externe et d'adresse absolue. Exemple : vers le site du W3C.

Attribut	Effet	Valeur(s)
`href`	Hypertexte REFerence, désigne l'adresse à atteindre par le navigateur	URL (voir ci-dessous). valeur de l'attribut `name` (nom) de l'ancre à atteindre dans la même page Internet précédée du caractère `#`.
`name`	étiquette de l'ancre	chaîne de caractères
`accesskey`	définit une touche du clavier. La combinaison "ALT + touche" a le même effet que le clic sur le lien.	touche du clavier
`tabindex`	fixe la position de l'élément dans l'ordre séquentiel des tabulations.	valeur numérique entière
`target`	(voir les frames)
`title`	Une rapide description du lien	Une chaîne de caractères.
`shape`	(voir les images réactives)
`coords`	(voir les images réactives)
`onfocus`, `onblur`	Un script à exécuter quand le curseur est positionné sur le lien (`onfocus`), ou bien qu'il le quitte (`onblur`).	Une chaîne de caractères.

Cours de HTML - Les liens hypertexte

Table des matières (TdM)

Contenu du cours

I. Introduction

II. Différents types de liens

1. Introduction

2. Liens internes

a. Exemple

b. La balise a

3. Le lien externe et l'adresse absolue: comment s'écrit une URL absolue?

a. URL: Uniform Resource Locator

b. Un protocole

c. L'adresse du serveur

d. Un chemin d'accès

4. Le lien interne et l'adresse relative: comment s'écrit une URL relative?

a. Ressource située dans le même répertoire que la page d'appel

b. Ressource située dans un sous-répertoire du répertoire contenant la page d'appel

c. Ressource située dans un répertoire contenant la page d'appel

d. Ressource située dans un répertoire situé dans une branche latérale

e. Remarque importante: privilégier l'adresse relative

f. Concaténer une URL et une ancre intra-page

III. Liens vers des ressources utilisant d'autres protocoles

1. Courrier électronique

2. FTP ou Gopher

Exercice 1. Liens divers

Énoncé

Correction

IV. Lien vers d'autres objets

Historique de ce document

Conditions d'utilisation et licence