Image en HTML
Roxane 59
Messages postés
455
Date d'inscription
Statut
Membre
Dernière intervention
-
Tdi -
Tdi -
Bonsoir,
J'ai un petit souçi, je n'arrive pas à inclure une image dans une page html. Je suis le cours du site du zér0, mais pas d'image elle est en jpeg elle vient de Corel paint shop pro et ouvrir avec Snapfire.
Voici le html que j'ai entré.
<p>
Voici une photo que j'ai prise...à Hawaii :<br/>
<img src="images/hawai.jpg" alt="Photo de Hawaii" title="Ca fait envie hein ?"/>
</p>
Bizarre il y a hawai avec 1 ou 2 i normal ?
Je vous remercie de pouvoir m'aider.
J'ai un petit souçi, je n'arrive pas à inclure une image dans une page html. Je suis le cours du site du zér0, mais pas d'image elle est en jpeg elle vient de Corel paint shop pro et ouvrir avec Snapfire.
Voici le html que j'ai entré.
<p>
Voici une photo que j'ai prise...à Hawaii :<br/>
<img src="images/hawai.jpg" alt="Photo de Hawaii" title="Ca fait envie hein ?"/>
</p>
Bizarre il y a hawai avec 1 ou 2 i normal ?
Je vous remercie de pouvoir m'aider.
A voir également:
- Image en HTML
- Editeur html - Télécharger - HTML
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
22 réponses
salut,
alors mes questions sont .....
-as-tu bien a coté de ton index.html, un dossier nommé images et contenant hawai.jpg ???
-vérifie bien toutes les majuscules, le 's' a images, et si c'est jpg ou jpeg, également si t'as pas un ï (i tremat)
alors mes questions sont .....
-as-tu bien a coté de ton index.html, un dossier nommé images et contenant hawai.jpg ???
-vérifie bien toutes les majuscules, le 's' a images, et si c'est jpg ou jpeg, également si t'as pas un ï (i tremat)
You don't have to put on the red light .... lol
Haiwaii ou Hawaï au choix.
Bon pour que ton image s'affiche d'une part elle doit se nommer haiwai.jpg et d'autre part elle doit se trouver physiquement sur ton disque dans un sous-répertoire nommé images. Ta page HTML, elle, doit se trouver dans le répertoire juste au-dessus.
Bref tu dois avoir quelque chose comme
Ha oui un conseil : nomme toujours tes images en minuscules, n'utilise jamais les caractères accentués dans les noms des fichiers ni l'espace. C'est pas absolument obligatoire mais ça t'évitera bien des soucis le jour où tu publieras ton site sur le Net.
Ceci vaut d'ailleurs également pour les noms de tes pages html et des éventuels sous-répertoires de ton site.
Haiwaii ou Hawaï au choix.
Bon pour que ton image s'affiche d'une part elle doit se nommer haiwai.jpg et d'autre part elle doit se trouver physiquement sur ton disque dans un sous-répertoire nommé images. Ta page HTML, elle, doit se trouver dans le répertoire juste au-dessus.
Bref tu dois avoir quelque chose comme
C:\.......\mon_site_web\ma_page.html
C:\.......\mon_site_web\images\hawai.jpg
C:\.......\mon_site_web
|
|_____ ma_page.html
|
|_____ images
|
|_____ hawai.jpg
Ha oui un conseil : nomme toujours tes images en minuscules, n'utilise jamais les caractères accentués dans les noms des fichiers ni l'espace. C'est pas absolument obligatoire mais ça t'évitera bien des soucis le jour où tu publieras ton site sur le Net.
Ceci vaut d'ailleurs également pour les noms de tes pages html et des éventuels sous-répertoires de ton site.
Bonjour
C'est drôle, je viens moi aussi de suivre le cours du site du sér0, et j'ai le même problème. L'image ne s'affiche pas
J'ai copié le html, et mis le lien local de ma photo, en faisant attention que ma photo soit nomée en miniscule, sans espace, que le document jpeg se trouve dans le même dossier que le reste. Je travaille comme proposé avec notepad++. Malheureusement sous Internet Explorer 7.0 j'ai une croix rouge, et sous Mozillia je n'ai aucune image.
mon html
<p>
Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :<br />
<img src="sophie.jpeg" alt="Photo" />
</p>
Je ne comprend pas mon erreur?
C'est drôle, je viens moi aussi de suivre le cours du site du sér0, et j'ai le même problème. L'image ne s'affiche pas
J'ai copié le html, et mis le lien local de ma photo, en faisant attention que ma photo soit nomée en miniscule, sans espace, que le document jpeg se trouve dans le même dossier que le reste. Je travaille comme proposé avec notepad++. Malheureusement sous Internet Explorer 7.0 j'ai une croix rouge, et sous Mozillia je n'ai aucune image.
mon html
<p>
Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :<br />
<img src="sophie.jpeg" alt="Photo" />
</p>
Je ne comprend pas mon erreur?
alors, déjà il n'y a pas de problème dans le code en lui même .
Les erreurs sont parfois tellement bête, qu'on se taperais la tete contre le mur....
Je ne sait pas pour toi... peut-être que c'est sophie.jpg et non pas sophie.jpeg (le "e" a changé a jpg)
Les erreurs sont parfois tellement bête, qu'on se taperais la tete contre le mur....
Je ne sait pas pour toi... peut-être que c'est sophie.jpg et non pas sophie.jpeg (le "e" a changé a jpg)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Tu as le même HTML que moi nous sommes donc deux, je vais suivre PhP mais comme je débute enfin je suis déjas arrivé la c'est pas mal.
Ouai, je comprends pas, j'ai tout contrôlé, j'ai aussi essayé d'autres versions, mais même chose...
<p>
Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :<br />
<img src="sophie.jpeg" alt="Photo" />
</p>
ou alors
<p>
Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :<br />
<img src="sophie.jpeg" alt="Photo" />
</p>
ou encore quand je l'ai mis dans un sous-dossier
<p>
Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :<br />
C:\site\sophie.jpeg" alt="Photo" />
</p>
<p>
Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :<br />
<img src="sophie.jpeg" alt="Photo" />
</p>
ou alors
<p>
Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :<br />
<img src="sophie.jpeg" alt="Photo" />
</p>
ou encore quand je l'ai mis dans un sous-dossier
<p>
Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :<br />
C:\site\sophie.jpeg" alt="Photo" />
</p>
Non, non, non dans l'explorateur de fichier de Windows : menu [Démarrer] (en bas de l'écran à gauche) puis [Poste de travail]
: sélectionne ensuite C:\
Si tu ne sais pas où tu as enregistré ton fichier ben là faut que tu fasses une recherche :
Tu cliques sur le bouton [Rechercher] : ça doit t'ouvrir une nouvelle fenêtre à gauche dans l'explorateur de fichiers
Ensuite tu cliques sur [Tous les fichiers et tous les dossiers]
Dans le zone Une partie ou l'ensemble du nom du fichier tu entres le nom de ta page html ou seulement le début.
Puis tu cliques sur le bouton [Rechercher] tout en bas.
Et tu attends.
Une fois que ton fichier appraraît dans la liste de droite, tu le sélectionnes avec la souris : tu fais ensuite un clic-droit (et pas un clic gauche) dessus et dans le menu qui apparaît sélectionne [Ouvrir le dossier contenant]
Et voilà
: sélectionne ensuite C:\
Si tu ne sais pas où tu as enregistré ton fichier ben là faut que tu fasses une recherche :
Tu cliques sur le bouton [Rechercher] : ça doit t'ouvrir une nouvelle fenêtre à gauche dans l'explorateur de fichiers
Ensuite tu cliques sur [Tous les fichiers et tous les dossiers]
Dans le zone Une partie ou l'ensemble du nom du fichier tu entres le nom de ta page html ou seulement le début.
Puis tu cliques sur le bouton [Rechercher] tout en bas.
Et tu attends.
Une fois que ton fichier appraraît dans la liste de droite, tu le sélectionnes avec la souris : tu fais ensuite un clic-droit (et pas un clic gauche) dessus et dans le menu qui apparaît sélectionne [Ouvrir le dossier contenant]
Et voilà
Je n'ai pas encore de lien...
J'ai aussi essayé ce que tu proposes PhP, si j'ai bien compris, mais toujours pas bon
<p>
Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :<br />
<img src="C:\Documents and Settings\Sophie\Bureau\site\sophie.jpeg" />
</p>
J'ai aussi essayé ce que tu proposes PhP, si j'ai bien compris, mais toujours pas bon
<p>
Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :<br />
<img src="C:\Documents and Settings\Sophie\Bureau\site\sophie.jpeg" />
</p>
Alors ça c'est drôle, maintenant ça marche pour moi, mais seulement sur Internet explorer, sur Mozilla, il n'y a toujours rien.
L'image est super grande, mais elle est là, c'est déjà ça. Mais pour dire qu'ils proposent Mozilla pour ne pas avoir de problème, c'est étonnant...
Roxane, essaie d'ouvrir sous internet explorer en mettant le lien par C:\Documents and Settings\...........jpeg" />
J'aimerai quand même pouvoir aussi afficher avec Mozilla
L'image est super grande, mais elle est là, c'est déjà ça. Mais pour dire qu'ils proposent Mozilla pour ne pas avoir de problème, c'est étonnant...
Roxane, essaie d'ouvrir sous internet explorer en mettant le lien par C:\Documents and Settings\...........jpeg" />
J'aimerai quand même pouvoir aussi afficher avec Mozilla
Bonjour,
L'explication du Site du 0 fonctionne.
N'utilisez surtout pas de lien sous la forme “C:\Documents and Settings\Sophie\Bureau\site\sophie.jpeg”.
Vous prendrez de mauvaises habitudes et aurez des problèmes lors de la publication de vos pages.
Créez un dossier où vous placerez tout ce qui sera nécessaire à vos exercices.
Une image est ailleurs ? Alors, copiez-la en plus dans ce dossier.
Tout ce qui concerne votre site doit absolument s'y trouver.
Le shéma de PhP est parfait. C'est ce qu'il faut faire.
En HTML, les séparateurs ne sont pas des “\” mais des “/”.
Les fichiers et dossiers doivent être écrits strictement de la même manière.
Si l'image s'appelle “Sophie.jpg”, alors “sophie.jpeg” ne fonctionnera pas.
Si le dossier s'appelle “images/”, alors “Image/” ne fonctionnera pas.
Et donc, ce qui risque de marcher, c'est “<img src="site/sophie.jpeg" />” si l'image est au même niveau (dans le même dossier) que la page HTML qui l'appelle.
Et si vous voulez que l'image ait des dimensions précises dans votre page, commencer par la redimensionner avec un logiciel de traitement d'image et indiquez ensuite ces dimensions dans votre code.
Vous pourrez alors préciser : “<img src="site/sophie.jpeg" alt="Photo de Sophie" title="Ça fait envie hein ?" width="400" height="600" />”
--
L'explication du Site du 0 fonctionne.
N'utilisez surtout pas de lien sous la forme “C:\Documents and Settings\Sophie\Bureau\site\sophie.jpeg”.
Vous prendrez de mauvaises habitudes et aurez des problèmes lors de la publication de vos pages.
Créez un dossier où vous placerez tout ce qui sera nécessaire à vos exercices.
Une image est ailleurs ? Alors, copiez-la en plus dans ce dossier.
Tout ce qui concerne votre site doit absolument s'y trouver.
Le shéma de PhP est parfait. C'est ce qu'il faut faire.
En HTML, les séparateurs ne sont pas des “\” mais des “/”.
Les fichiers et dossiers doivent être écrits strictement de la même manière.
Si l'image s'appelle “Sophie.jpg”, alors “sophie.jpeg” ne fonctionnera pas.
Si le dossier s'appelle “images/”, alors “Image/” ne fonctionnera pas.
Et donc, ce qui risque de marcher, c'est “<img src="site/sophie.jpeg" />” si l'image est au même niveau (dans le même dossier) que la page HTML qui l'appelle.
Et si vous voulez que l'image ait des dimensions précises dans votre page, commencer par la redimensionner avec un logiciel de traitement d'image et indiquez ensuite ces dimensions dans votre code.
Vous pourrez alors préciser : “<img src="site/sophie.jpeg" alt="Photo de Sophie" title="Ça fait envie hein ?" width="400" height="600" />”
--
oui, j'ai essayé donc avec ça
<img src="site/sophie.jpeg" />, mais à la place de l'image, il y a le logo jpeg, et si je clique sur afficher l'image, il me dit:
Fichier introuvable
Firefox ne peut trouver le fichier à l'adresse /C:/Documents and Settings/Sophie/Bureau/site/site/sophie.JPEG
sur les propriétés de ce même logo, c'est écrit ceci
Emplacement: file:///C:Documents%20and%20Settings/Sophie/Bureau/site/site/sophie.JPEG
Largeur: 24px
Hauteur: 24px
Taille du fichier: Inconnu (pas dans le cache)
Texte alternatif: Manquant
<img src="site/sophie.jpeg" />, mais à la place de l'image, il y a le logo jpeg, et si je clique sur afficher l'image, il me dit:
Fichier introuvable
Firefox ne peut trouver le fichier à l'adresse /C:/Documents and Settings/Sophie/Bureau/site/site/sophie.JPEG
sur les propriétés de ce même logo, c'est écrit ceci
Emplacement: file:///C:Documents%20and%20Settings/Sophie/Bureau/site/site/sophie.JPEG
Largeur: 24px
Hauteur: 24px
Taille du fichier: Inconnu (pas dans le cache)
Texte alternatif: Manquant
PhP ne trouve pas “mon_site_web/”, il indique à tout le monde un dossier générique, sans nom précis pour que chacun comprenne “le dossier où j'ai placé les fichiers de mon site à moi”.
Comment s'appelle ce dossier chez toi ?
Où est-il ?
Qu'est-ce qu'il y a dedans ?
Où, dans quel dossier, se trouve ta page HTML ?
Où, dans quel dossier, se trouve ton image ?
--
Comment s'appelle ce dossier chez toi ?
Où est-il ?
Qu'est-ce qu'il y a dedans ?
Où, dans quel dossier, se trouve ta page HTML ?
Où, dans quel dossier, se trouve ton image ?
--
non, c'est ok, ça marche maintenant.
je dois marquer
<img src="sophie.jpg" />, et non
<img src="site/sophie.jpeg" />
merci, pour moi, pour l'instant vous avez résolu ma question, j'en aurai sûrement d'autres bientôt. Bonne chance Roxane
je dois marquer
<img src="sophie.jpg" />, et non
<img src="site/sophie.jpeg" />
merci, pour moi, pour l'instant vous avez résolu ma question, j'en aurai sûrement d'autres bientôt. Bonne chance Roxane
Bonsoir,
Quelqu'un pourrait il m'aider dans mon problème depuis hier. Je patauge dans la choucroute et oui. j'ai le cerveau qui chauffe, merci.
Quelqu'un pourrait il m'aider dans mon problème depuis hier. Je patauge dans la choucroute et oui. j'ai le cerveau qui chauffe, merci.
Bonsoir Roxanne,
Pas simple d'expliquer ce qui pour d'autres appraraît évident ...
En fait quand j'ai mis le dossier "mon_site_web" c'était juste un exemple rien qu'un nom de répertoire pris au hasard : ce répertoire n'existe pas chez toi ou alors ce serait vraiment une pure coïncidence lol ! A toi de l'appeller comme tu veux sur ton propre PC.
En fait lorsque tu travailles sur ta machine il faut bien que tu enregistres tes fichiers/tes documents quelque part non ?
Evidemment tu peux tout mettre sous la racine de ton disque C:\ par ex ou encore directement sous "Mes Documents" mais ça devient très vite le bordel ;-) C'est pour ça qu'on créé des répertoires : pour trier et ranger comme dirait une marque suèdoise
Et pour ce faire on utilise l'explorateur de fichiers de Windows.
Donc créé toi un répertoire sur ton disque par ex directement sous "Mes Documents" et nomme le par "mon_site_web" ou encore "le_site_de_roxanne" ou comme tu veux ce n'est pas important.
Ensuite dans ce répertoire tu copies ta page ou tes pages html.
Dans ce répertoire tu créés enfin un autre sous-répertoire que tu nommes cette fois-ci "images" et dedans tu y places toutes les images auxquelles tu fais référence dans tes pages html.
Est-ce clair ?
Pas simple d'expliquer ce qui pour d'autres appraraît évident ...
En fait quand j'ai mis le dossier "mon_site_web" c'était juste un exemple rien qu'un nom de répertoire pris au hasard : ce répertoire n'existe pas chez toi ou alors ce serait vraiment une pure coïncidence lol ! A toi de l'appeller comme tu veux sur ton propre PC.
En fait lorsque tu travailles sur ta machine il faut bien que tu enregistres tes fichiers/tes documents quelque part non ?
Evidemment tu peux tout mettre sous la racine de ton disque C:\ par ex ou encore directement sous "Mes Documents" mais ça devient très vite le bordel ;-) C'est pour ça qu'on créé des répertoires : pour trier et ranger comme dirait une marque suèdoise
Et pour ce faire on utilise l'explorateur de fichiers de Windows.
Donc créé toi un répertoire sur ton disque par ex directement sous "Mes Documents" et nomme le par "mon_site_web" ou encore "le_site_de_roxanne" ou comme tu veux ce n'est pas important.
Ensuite dans ce répertoire tu copies ta page ou tes pages html.
Dans ce répertoire tu créés enfin un autre sous-répertoire que tu nommes cette fois-ci "images" et dedans tu y places toutes les images auxquelles tu fais référence dans tes pages html.
Est-ce clair ?
Bonsoir PhP,
OK je commence à comprendre, il faut donc créer un répertoire dans (Mes documents) que je nomme par exemple : bidule, et après je fait des sous dossiers ou j'ajoute des images pour l'un et des pages html pour l'autre. Mais comme la je débute comment créer un répertoire? c'est la que je butte, merci la j'avance.
OK je commence à comprendre, il faut donc créer un répertoire dans (Mes documents) que je nomme par exemple : bidule, et après je fait des sous dossiers ou j'ajoute des images pour l'un et des pages html pour l'autre. Mais comme la je débute comment créer un répertoire? c'est la que je butte, merci la j'avance.
Je ne débute pas sur un pc, je travaille très bien avec word, excel, powerpoint,corel draw, et autocad, je suis même assez bien. Mais maintenant je veus aller plus loin dans l'informatique pour faire de la création et la je suis novice c'est pour cela que je cale sur ce fameu création de répertoire, comment on fait. Je suis tétu et j'y arriverai grace à votre aide, dans la vie il faut foncer et ne pas avoir peur d'être ridicule face aux profs. Merci pour votre indulgence.
C'est bien. Et on a envie de t'encourager.
Et on essaye de t'aider.
Patiemment.
Mais si tu n'y mets pas un peu du tien…
Lis les réponses qu'on te donne.
Quand on te pose des questions, réponds-y précisément.
Quand on te demande le code de ta page, donne-le.
On ne va pas continuer à causer dans le vide.
Moi, j'abandonne.
--
Et on essaye de t'aider.
Patiemment.
Mais si tu n'y mets pas un peu du tien…
Lis les réponses qu'on te donne.
Quand on te pose des questions, réponds-y précisément.
Quand on te demande le code de ta page, donne-le.
On ne va pas continuer à causer dans le vide.
Moi, j'abandonne.
--
tu as index.html, qui as de présent dans le même dossier un répertoire s'appelant "images".