Ressource

tout fichier comme une image, une page html, un document css, document js ... stocké dans un ordinateur local ou distant

Appeler une ressource dans une page html

comme nous avons pu le voir avec <img /> et <a> , ces deux balises disposent chacun d'un attribut dont la valeur est le nom d'un fichier (= ressource) qui est externe à la page html :

• pour la balise a : l'attribut est href qui appelle une autre page html par exemple page_contact.html
• pour la balise img : l'attribut est src qui appelle une fichier image par exemple voiture.jpg

Path

Une ressource peut être rangée dans un dossier particulier, similaire ou différent de celui du fichier html en cours d'édition.

En html, il y a deux manières de situer (= d'appeler) une ressource dans l'arborescence :

• via son chemin relatif aussi appelé relative path
• via son chemin absolu aussi appelé absolute path

chemin relatif

chemin relatif d'une ressource = appeler une ressource en fonction de sa position dans l'arborescence par rapport au fichier html en cours d'édition

Cas de figure

architecture	code source du fichier index.html

Explication

Valeur de l'attribut src	Signification
img1.jpg	image présente dans le même dossier que index.html
picture/img2.jpg	image présente dans le sous dossier contenant index.html
picture/thumb/img3.jpg	image présente dans le sous sous dossier contenant index.html
../img4.jpg	image présente dans le dossier père contenant index.html
../media/document5.jpg	image présente dans le sous dossier du dossier père contenant index.html

chemin absolu

chemin absolu d'une ressource = appeler une ressource en fonction de sa position dans l'arborescence par rapport au dossier root

Cas de figure

architecture	code source du fichier index.html

Explication

Valeur de l'attribut src	Signification
http://www.domaine.net/html/img1.jpg	image présente dans un sous dossier de root
http://www.domaine.net/html/picture/img2.jpg	image présente dans un sous sous dossier de root
http://www.domaine.net/html/picture/thumb/img3.jpg	image présente dans un sous sous sous dossier de root
http://www.domaine.net/img4.jpg	image présente dans root
http://www.domaine.net/media/img5.jpg	image présente dans un sous dossier de root

Remarque

Toutes les ressources (leurs noms) devront être préfixées par :

1. http://www.domaine.net
2. puis ajouter / qui correspond au nom du dossier root
3. puis la position dans l'arborescence en fonction de root
4. Cette manière d'appeler des ressources ne peut être utilisée que lorsque les fichiers html sont stockés sur un serveur web.
   Nous verrons cette méthode par la suite ...