Bonjour
J'ai quelques difficultés à insérer une image dans ma page HTML. Avant de vous écrire se message, j'ai bien évidement consulté quelques message précédent en lien avec le sujet mais après avoir suivit leur explication, je me suis encore un fois retrouver face a ce carré blanc avec une croix rouge que je déteste tant et que j'ai pris l'habitude à voir lorsque j'ouvre ma page HTML.
C'est très ennuyeux surtout quand on comprend tout du reste du cours.
Mon image se trouve dans "Mes images" dans "Mes documents" tandis que mon fichier HTML se trouve dans "siteweb" aussi dans "Mes documents".
Voilà ce que j'ai marqué :
<img src="Mes images/drapeau.jpg" alt="étoile rouge" />
J'ai déjà essayé de mettre mon image dans le même dossier que là où il y a mon fichier HTML mais là, ça a marché.

Merci de me répondre et de résoudre se malheureux petit problème qui m'empèche de mettre mes projets à bien.
PS : Il est super ce site.

Essaie de créer un dossier spécifique à la racine de ton disque dur dans lequel tu mets ton site web et tu évites de mettre des espace dans les noms de dossiers et de fichiers.

De plus, vérifie bien la casse de tes fichiers, image.JPG est différent de image.jpg.

conseil : créée toi un répertoire style "monsite" et met TOUT dedans.
Ensuite, si tu crées des répertoires dans "monsite", autres conseils : pas d'espace, pas d'accents et pas de ponctuation.

Bonne chance

Tu peus héberger ton image via http://imageshack.us et tu copies le lien qu'il te donne comme ceci: <img src="LIEN DE L'IMAGE" alt="étoile rouge" />

Merci pour les conseils mais je ne comprend pas tout a fait la sinification du mot "racine" (à la racine de ton disque dur (ecrit par Barnabé))

Bonsoir à tous !moi aussi j'ai le meme problème ,impossible d'inséré une image sur ma page html,si quelqu'un peut m'indiquer étape par étape comment cela marche,je serai très contente,s'il vous plait!

<img src="#" alt="description" />

Tu dois remplacer "#" par l'endroit où se trouve ton image. Soit ton image est hébergée sur le net (extérieur à ton site), et donc tu mets le lien de l'image à cet endroit. Soit ton image est hébergée localement à ton site (donc dans un dossier de ton projet), et donc tu dois indiquer l'endroit où elle se trouve.

Par exemple :

<img src="images/tonimage.png" alt="Mon image" />

Ainsi, l'image se trouve dans le dossier images. 

Cependant attention à bien indiquer la localisation du dossier image. Si ta page HTML se trouve dans un dossier "pageHTML" (pour l'exemple) et ton image dans le dossier "images", MAIS que ces deux dossiers se trouvent au même endroit, l'exemple précédent ne fonctionnera pas.

=> / (Racine de ton site)

        => pageHTML

        => images

Pour pouvoir accéder au dossier images depuis ta page HTML, tu dois faire comme suit : <img src="./images/tonimage.png" />

Le point permet de revenir au dossier précédent dans la hiérarchie. Par conséquent, pour l'exemple donné, revenir à la racine du site.

Pour plus de précision, n'hésite pas à décrire ici la hiérarchie de ton site. Où se trouve ta page HTML par rapport à la racine de ton site, et où se trouve ton image.

bonsoir!merci beaucoup pour cette explication,je vais l'essayer tout de suite !!!

Mais j'ai un petit problème ,j'utilise TextWrangler au début comme logiciel,et comme j'utilise mac j'ai installé seulement Google chrome,quand j'ai fini ma premier page j'ai enregistré dans le dossier que j'ai crée pour mon site ,la page s'affiche seulement et quand je l'ouvre la page est vide,alors j'ai installé le logiciel Brackets c'est beau ça fonctionne tout sauf pour insérer l'image ,je ne sais pas pourquoi?peut être que je ne sais pas ranger mes document ! alors je vous demande un autre conseil s'il vous plait!

je range comme ça mes document pour mon site:

dans le document principal j'ai crée un nouveau dossier s'appelle Site: dedans il y a

                         -ma pageHTML

                         -les images pour ma page 

C'est juste comme ça? 

Oui, du coup vos images et votre page HTML se situent dans le même dossier. 

<img src="image.png" alt="mon image" />

Ceci doit donc normalement fonctionner

Merci beaucoup beaucoup beaucoup ça a marché !!!

bonjour! 

une autre demande ,quand on veut créer des lien pour un une autre page ,par ex: je suis dans la page num 1 et je veux aller dans la 2em page ,est ce que je doit refaire tous les balise principal de HTML pour écrire dans la 2em page? 

Bonjour,

Veroluna, tu as déjà remonté ce sujet en 2016, soit 11 ans après qu'il ait été résolu. C'est passé à travers les mailles du filet. Mais maintenant tu re-remontes ce sujet, ce n'est pas acceptable. Surtout qu'il est résolu, et qu'aucune de tes questions n'avaient de rapport avec le sujet initial.

Je t'invite à créer un nouveau sujet pour ton problème - et d'en créer un pour chaque problème.

Merci d'avance.

Je ferme ici.