Un chemin absolu décrit l'emplacement exact d'un fichier dans une arborescence. Ce chemin est
affiché dans un navigateur. Évidemment il suffit que le dossier contenant le fichier soit déplacé pour que ce
fichier ne soit plus accessible (la fameuse erreur 404).
Par exemple, l'adresse absolue de cette page sur mon ordinateur personnel est affichée ci-dessous.
Lit-on le même chemin dans la barre d'adresse (en haut) du navigateur ?
On utilisera donc une URL absolue pour accéder à un fichier qui se trouve à l'extérieur de son site
sur le web.
Pour les fichiers de son propre site, on utilisera des
liens relatifs, ce qui permettra de naviguer
à l'intérieur de son site indépendamment de l'espace de dépôt des fichiers du site.
Compléter le code Html ci-dessous (en remplaçant le point d'interrogation)
pour que le logo de l'académie de Lyon apparaisse dans la fenêtre d'affichage :
.
- récupérer l'adresse d'une image
- le code correspondant
Pour trouver les url absolues des images avec Firefox,
faire un clic droit sur la page web, sélectionner
[Informations sur la page] puis l'onglet
[Médias]. Copier le lien de l'image choisie.
Un clic droit sur l'image (affichée dans un navigateur) vous donnera également en général
l'adresse de l'image.
Modifier le code précédent afin que l'image serve d'ancre pour un lien externe vers le site
de l'académie de Lyon. Ce site doit s'afficher dans un nouvel onglet.
- ouvrir dans un nouvel onglet
- code possible
On encadre la balise image par une balise «ancre».
Pour ouvrir la page-cible dans un nouvel onglet,
on utilise en général
target="_blank.
Vous trouverez les valeurs possibles de l'attribut
target sur
w3schools.