Insérée une image
Résolu
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 :
s'il vous plait aidez moi
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
3 réponses
-
ContributeurBonjour,
<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) -
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,-
-
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. -
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. -
@PitetBonjour
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 -
@PitetJe 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)
-
-
ModérateurMerci de poster votre code avec les balises de code (la coloration syntaxique) : ICI
