Vous êtes ici : Accueil » programmation » Le lien Hypertexte

Le lien Hypertexte

(que nous avons vu au chapitre 3, "La page HTML"). Les couleurs sont attribuées à l'aide de codes hexadécimaux.

·  text

sert à définir la couleur du texte par défaut.
Par exemple :

·  link

sert à définir la couleur des liens.
Par exemple :

·  vlink

sert à définir la couleur des liens déjà visités.
Par exemple :

·  alink

sert à définir la couleur d'un lien en cours de sélection.
Par exemple :

Le tag

devient

Lien avec une page d'un autre site

Pour insérer un lien, il faut indiquer une référence (URL) et un élément, texte ou image, visible à l'écran sur lequel on doit cliquer pour y accéder. Voici un exemple de code pour obtenir un lien :

une page toute simple

Le lien apparaît alors en couleur contrastée et souligné dans le navigateur et donne: une page toute simple.

Les liens peuvent diriger le navigateur vers des sites HTTP, FTP, MAILTO... (vous pouvez en effet, lier un élément avec une boîte aux lettres, un transfert...). Pour créer un lien, il s'agit tout simplement de définir le type de document dans la commande A HREF comme dans l'exemple qui suit :

Venez sur mon site

Ce qui aura pour résultat :

Venez sur mon site

Remarquez que lorsque vous survolez avec votre souris le lien hypertexte, (la souris devient une main), vous pouvez lire sur la barre d'état (en bas de la fenêtre de votre navigateur) l'adresse du lien auquel il se réfère.

Lien avec une page sur le même site

Le code :

Voici mon lien sur une autre page !!!

donne tout simplement accès à une page HTML située au même niveau hiérarchique que la page actuellement ouverte sur le serveur (la page appelée se situe dans le même dossier que la page contenant le lien).

 
 Lien avec une page sur le même site, mais dans un autre dossier

Le code :

Voici mon lien sur une page d'un autre dossier!!!

donne accès à une page HTML située à un autre niveau hiérarchique que la page actuellement ouverte sur le même serveur (la page appelée se situe dans le dossier "b" ).

Liens sur une même page (les ancres ou sections)

La commande a name enregistre une encre à l'intérieur d'un document HTML. On peut ensuite référer directement à ce point précis avec une commande a href. Dès que vous cliquerez sur le lien visant une ancre, le navigateur ira se positionner directement sur la ligne de texte où aura été placée l'encre. La commande peut se taper directement comme ceci :

ce qui indique au navigateur où se trouve la section (l'ancre) visée. Pour se rendre à cet endroit, il faut taper la référence comme ceci : 

et le lien hypertexte

Couleur des liens
ou plus simplement
Couleur des liens

Pour essayer cette commande, cliquez sur le lien Couleur des liens et vous devriez vous rendre à la section concernée de cette page.



Les liens a name fonctionnent aussi d'un document HTML à un autre. Ainsi, après avoir identifié les sections d'un document avec , il s'agit de taper la commande complète

Caractères(Généralités)</a>

Ainsi, le lien indique d'abord le nom du fichier HTML dans lequel il faut se rendre et ensuite le nom de la section à l'intérieur de ce fichier. Le nom du fichier et l'ancre sont séprarés par un dièse ( # ).

Exemple : " Caractères (Généralités) ".

Date de publication:  12/10/2014

Dernière modification: le 27/04/2021 14:43:00 par admin10

Faire un don