Insérée une image

Résolu
H1800 Messages postés 52 Date d'inscription   Statut Membre Dernière intervention   -  
AssassinTourist Messages postés 6029 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour
Je veux insérée une image dans le langage HTML5 mais je croix que j'ai fais une faute voilà la capture d'écran:

la photo n'est pas claire mais je vais vous l'écrire :
<p>
    <img src=""quot;photo_de_abeilles/ariere.png" alt="photod'abeilles" title="c'est une jolie photo" />
   </p>


s'il vous plait aidez moi
A voir également:

3 réponses

NHenry Messages postés 15219 Date d'inscription   Statut Modérateur Dernière intervention   365
 
Merci de poster votre code avec les balises de code (la coloration syntaxique) : ICI
0
H1800 Messages postés 52 Date d'inscription   Statut Membre Dernière intervention  
 
J'ai écris le code
0
NHenry Messages postés 15219 Date d'inscription   Statut Modérateur Dernière intervention   365
 
As-tu regardé le code généré ?

src=""quot;"quot;photo_de_abeilles/ariere.png"

Il y a pas un problème là ?
0
H1800 Messages postés 52 Date d'inscription   Statut Membre Dernière intervention  
 
Oui ("quot;"quot;) ne dois pas être là mais moi je ne l'ai pas écris dans SUBLIME TEXT3 quand j'ai copier le code il s'est écrit tout seul
0
NHenry Messages postés 15219 Date d'inscription   Statut Modérateur Dernière intervention   365
 
Quel est donc le texte exacte ?
0
H1800 Messages postés 52 Date d'inscription   Statut Membre Dernière intervention  
 
<p>
<img src=""quot;photo_de_abeilles/ariere.png" alt="photo d'abeilles" title="c'est une jolie photo" />
</p>
0
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Salut,

D'après ton image, le code html semble correct.

Le soucis doit donc venir du chemin de l'image qui ne doit pas être correct.
Peux tu stp nous préciser la structure de tes documents, c-a-d :
- Où est enregistré ton fichier html ?
- Où est enregistré ton fichier png ?

Bonne journée,
0
H1800 Messages postés 52 Date d'inscription   Statut Membre Dernière intervention  
 
Mon fichier html est placé dans un document qui s'appelle (programmation)
et mon fichier png est placé dans (photo de abeilles) qui est aussi placé dans (blog pour sauvons les abeilles) qui est aussi placé dans (Hichem)
les documents (programation) et (Hichem) sont placé dans le bureau
0
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Si je résume ton arborescence :
Bureau/
---- programmation/
-------- index.html
---- Hichem/
-------- blog pour sauvons les abeilles/
------------ photo de abeilles/
---------------- ariere.png

Donc le chemin pour accéder à l'image depuis le fichier index.html est :
<img src=""quot;../Hichem/blog pour sauvons les abeilles/photos de abeilles/ariere.png" alt="photo d'abeilles" title="c'est une jolie photo">

(sans le "quot;)

On recommande généralement d'éviter les espaces dans les noms de dossiers pour les chemins web. Attention également à bien respecter les majuscules et minuscules pour que les chemins soient corrects.
0
sowaoeri
 
plus simple encore supprimer lees double quotes(guillemets double) complétement, en HTML5 ils ne sont plus obligatoire seulement un repère visuel pour mieux repérer les différents éléments. Bien sûr aucun fichier ne doit posséder de quote(simple ou double) dans son nom ni de caractères n'étant pas alphanumérique(ni commencer par un nombre). C'est une règle de base pour les noms de fichiers et dossiers qui est encore plus importante pour le web(comme ditplus haut pas d'espace et évitez les majuscules).

Pur l'adresse du fichier(URL) vous pouvez consulter ceci et vérifier si le chemin est bien le bon:

http://education.francetv.fr/matiere/education-aux-medias/cinquieme/article/apprendre-le-html-url-absolue-et-url-relative


Ce sont des erreurs classique de débutant assez simple à éviter(et indispensable) avec un mi!niùmum de rigueur et il en faut beaucoup pour la technologie. En informatique le moindre espace, caractère superflu ou manquant veux simplement dire que rien du tout ne fonctionne donc soyez attentif à chaque caractère lorsque vous l'écrivez.

Le mieux étant de partir sur de bonnes bases faites quelques cours(ou n seul complet) de HTML qui est un langage simple et simpliste.
0
H1800 Messages postés 52 Date d'inscription   Statut Membre Dernière intervention   > Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention  
 
Bonjour
Oui mais moi je suis le cours openclassroom de MTHIEU NEBRA qu recomande de remplacer les espaces par des ( _ ) et il dit aussi de rendre les majuscules des minuscules
0
H1800 Messages postés 52 Date d'inscription   Statut Membre Dernière intervention   > Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention  
 
Je vous demandes il vous plait. la photo est enregistrée sous le nom (ariere) et son type est (png)
est ce que je dois écrire (.png)
0
AssassinTourist Messages postés 6029 Date d'inscription   Statut Contributeur Dernière intervention   1 312
 
Bonjour,

<p>
    <img src=""quot;photo_de_abeilles/ariere.png" alt="photod'abeilles" title="c'est une jolie photo" />
</p> 



Alors...
src : c'est le lien vers ton image. Il ne faut effectivement pas d'espaces. Donc sur ton PC, le nom du dossier ne doit pas avoir d'espaces ! (remplacer avec des _ éventuellement). Il vaut mieux éviter les accents également.
alt / title : sont des options pour la lisibilité donc ça peut avoir des accents, des espaces et tout.

D'abord, est-ce que ça, c'est bon ?
Votre solution se trouve sur Google / Bing / Yahoo (CCM - High Tech), chez le véto (L'internaute - Animaux), dans votre librairie (L'internaute - Livres)
0