Nolwen se lance dans la création de son site web. Elle a rassemblé tout le contenu dans un dossier compressé à télécharger. Cependant, elle se demande comment gérer les chemins relatifs pour afficher l’icône home.png dans la page index.html et le logo tree.png dans la page p1.html. Dans cet article, nous allons expliquer en détail comment Nolwen peut résoudre ce défi. Nolwen est en train de créer un site web. Le dossier compressé à télécharger contient le contenu structuré de ce site web.
Quel chemin relatif doit renseigner Nolwen pour :
- Afficher l’icône home.png dans la page index.html ?
- Afficher le logo tree.png dans la page p1.html ?
Gestion des Chemins Relatifs
Les chemins relatifs sont utilisés pour spécifier l’emplacement d’un fichier par rapport à l’emplacement du fichier HTML actuel. Nolwen doit les utiliser pour inclure des images dans ses pages HTML.
Pour afficher l’icône home.png dans la page index.html, Nolwen doit utiliser le chemin relatif suivant :
./images/icones/home.png
Le chemin commence par ./, ce qui signifie que le fichier se trouve dans le même répertoire que la page index.html. Ensuite, il descend dans le répertoire images, puis icones, pour atteindre le fichier home.png.
Pour afficher le logo tree.png dans la page p1.html, Nolwen doit utiliser le chemin relatif suivant :
../../images/mesLogos/2022/tree.png
Ce chemin commence par ../../, ce qui signifie que le fichier se trouve deux niveaux plus haut par rapport à la page p1.html. Ensuite, il descend dans le répertoire images, puis mesLogos, et enfin, il atteint le fichier tree.png dans le sous-répertoire 2022.
Exemple de Code HTML
Voici un exemple de code HTML pour inclure ces images dans les pages :
<pre><!-- Pour index.html -->
<img src="./images/icones/home.png" alt="Icône Home">
<!-- Pour p1.html -->
<img src="../../images/mesLogos/2022/tree.png" alt="Logo Tree">
Nolwen peut utiliser ces balises <img> avec les chemins relatifs appropriés pour afficher les images sur ses pages web.
Utilisation des Liens Externes
Pour approfondir vos connaissances sur la gestion des chemins relatifs et la création de sites web, voici quelques liens externes utiles :
Ces liens vous fourniront des informations complémentaires sur la gestion des chemins relatifs et la création de sites web.
Liens Internes Utiles – Nolwen est en train de créer un site web. Le dossier compressé à télécharger contient le contenu structuré de ce site web.
Voici quelques liens internes vers d’autres articles pertinents sur notre site :
- Paul et Virginie écrivent un document sur le raton laveur
- Robin veut envoyer un message à Liza de manière confidentielle
Ces articles pourraient également vous intéresser pour approfondir vos connaissances.
N’hésitez pas à consulter cette vidéo YouTube pour une explication visuelle de la gestion des chemins relatifs dans la création de sites web.
Avec ces conseils et ressources, Nolwen sera en mesure de gérer efficacement les chemins relatifs pour afficher ses images sur son site web en construction.
