Comment créer des liens
dans un document HTML

Le problème :

Une des forces du WEB réside dans les liens hypertexte qui permettent de relier un mot, une phrase, une image à une autre page ou partie de page.
On parle d'Hypertexte.

Nous traiterons ici le principe -illustré par un exemple avec Home Page qui est le logiciel utilisé dans toutes les écoles de Genève et de plusieurs cantons.

Les liens hypertextes peuvent renvoyer vers une autre page, et le browser présentera alors le haut de la page, ou vers une partie particulière d'une page : une ancre. Ces ancres doivent avoir été préalablement créées

Comment créer des ancres dans une page HTML

A chaque endroit que l'on désire pouvoir rejoindre par un lien hypertexte, il faut créer une ancre. Typiquement chaque chapitre sera marqué par une ancre.
A l'endroit que l'on désire pouvoir atteindre par un lien (la cible) il faut introduire un code spécial avec le bouton ancre ancre_bton un éditeur d'ancres apparaît ; introduire un nom pertinent.

editeur_ancre

Quand toutes les ancres sont crées, on peut s'y référer par des liens.

 

Comment réaliser un lien Hypertexte dans la même page ?

Sélectionner le texte qui doit être rendu actif, puis dans le menu Insertion, choisir Lien vers fichier...ou cliquer le bouton liens_bton : un éditeur de liens apparaît :

editeurs-de_liens

 

Comment réaliser un lien Hypertexte vers une autre page ?

Le principe est exactement le même, mais on spécifie une URL complète (contrairement aux browsers qui ajoutent souvent une partie manquante à l'URL) :

Avec la forme http://tecfa.unige.ch/welcome.html

On peut aussi directement retrouver les ancres et les pages déjà ouvertes en actionnant le popup à droite de l'éditeur de liens :

liens_dans_page

Liens relatifs ou absolus ?

Pour définir un lien on peut définr son adresse absolue ou relative :

L'avantage des liens relatifs est qu'ils restent valables si on déplace l'ensemble du site.

options home page
Dans les préférences de Home page on règle les valeurs par défaut concernant les noms et les liens relatifs (ne pas cocher la case liens absolus).

Autres conseils :

N'oubliez pas de rassembler toutes les images : par exemple dans Home Page, cliquer le bouton regrouper bouton regrouper pour copier près de votre document HTML le(s) éventuels fichiers image issu(s) de bibliothèque(s).

- compteur - F.Lo

Retour à la page de fiches multimedia @ tecfa