Programmation [Résolu]

Signaler
-
 DOUCKS -
Bonjour,

je veux insérer une image en html avec la balise avec le dossier Mon Site dans ce dossier il y a image, dans image il y a la photo: zeyna1.jpg.

j'ai fait la balise <img src= "image/zeyna1.jpg"> mais la photo n'apparait pas, je vois juste un petit carré vert. veuillez m'aider à apparaitre la photo.

Bonne journée

3 réponses

Messages postés
29744
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
15 octobre 2020
2 847
Bonjour,

Où se trouve le fichier dans lequel tu veux afficher ton image par rapport à ton dossier image ?

As tu bien vidé le cache de ton navigateur ?

Lorsque tu affiches le code source de la page, qu'est-ce qui apparait au niveau de ta balise img ?

Si tu essais d'entrer l'url de l'image dans la barre de navigation de ton navigateur, est-ce qu'elle s'affiche ?

Travailles tu en "local" sur ton ordi ou sur un serveur ?

Si, en local, utilises tu un logiciel tel que wamp, xampp, easyphp, laragon .... pour simuler un serveur ?

Quand tu affiches ta page dans ton navigateur, quelle est l'url qui s'affiche dans la barre de navigation ?

As tu bien vérifié que tu as strictement respecté l'orthographe ainsi que les majuscules/minuscules pour le nom de ton dossier image et celui pour le nom de ton image ?

As tu vérifié qu'il n'y avait pas d'espaces superflus dans le nom des ces dossiers/fichiers ?

j'apprends à coder à la base et l'image c'est une photo donc elle est dans le dossier "monsite" , il y a image de dans et dans image il y a la photo donc voila ma balise :

<img src="monsite/image/zeyna1.jpg">.

je travaille en local sur mon ordi.

je n'ai pas utilisé ces logiciels dont tu me parles

url = file:///C:/Users/douck/Documents/monsite/html/index.html

je pense que c'est correct mais il ne s'affiche pas il y a toujours le carré vert
Salut,
il semble que vous ayez oublié de tenir compte du dossier nommé "html".
En effet une page HTML(rien à voir avec la programmation) fait appel aux références ou URL des autres fichiers en partant de son emplacement.

Donc à partir du dossier contenant le fichier ".html" l'adresse ou URL du fichier image ressemblerait plutôt à cela:

<img src="../image/zeyna1.jpg" alt="description obligatoire de l'image" />


Les ".."(deux points) en début d'adresse indiquent de "remonter" d'un niveau dans l'arborescence des fichiers.
Si j'ai mal compris et que le dossier "image"(sans s) se trouve dans le dossier nommé "html" alors l'adresse sera plutôt comme ceci:

<img src="image/zeyna1.jpg" alt="description obligatoire de l'image" />



Quelques exemples pour mieux comprendre les adresses des références hypertextes ici (évitez les URL absolues qui ne seront pas identiques lors e la publication):

https://www.lumni.fr/article/apprendre-le-html-url-absolue-et-url-relative
Enfin allé Luia !! ça marche maintenant et c'est ça qu'il faut faire : <img src="../image/zeyna1.jpg" alt="description obligatoire de l'image" />

il manquait les deux points au début.

Vraiment, je vous remercie énormément

Bonne journée à bientôt pour d'autres soucis lol