Partage

Afficher une photo HTML5 ?

Impossible d'afficher une photo

12 janvier 2018 à 20:24:17

Hello, je but à un moment du cours d'HTML, je n'arrive pas à faire apparaître une photo sur ma page WEB alors que mon code m'a l'air bon. voici le code --> 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Titre</title>
    </head>

    <body>
    	<p>
    		<img src="open/bateau.jpg" alt="Photo de bateau" />
    	</p>	


    </body>
</html>
12 janvier 2018 à 20:28:42

Bonjour,

Donc votre dossier de travail est comme ceci : 

/dossier de travail/

   - index.html

       /open/ (sous-dossier)

           - bateau.jpg

src="open/bateau.jpg" 

Mais pas dans un dossier externe "open" placé sur ton bureau, car dans ce cas c'est normal que le navigateur ne la trouve pas.

-
Edité par pipelette13 12 janvier 2018 à 20:31:44

12 janvier 2018 à 21:22:43

Hello, merci de ta réponse mais je dois avouer que je n'ai pas du tout compris, mon image est dans le dossier "open" qui se situe sur mon bureau, si cela ne fonctionne pas, quel doit être le code que je dois inscrire pour faire apparaitre l'image ?
12 janvier 2018 à 22:28:59

Et votre fichier HTML il est ou ? 

Possible de poster une capture de votre dossier de travail :)

Tout doit être dans le même dossier, les fichiers html, les sous-dossiers, etc..

Sinon essayez avec une autre image...

-
Edité par pipelette13 12 janvier 2018 à 22:30:16

13 janvier 2018 à 0:17:20

J'ai mi mon fichier HTML dans le dossier "open" avec mon image jpg et toujours rien, j'ai essayé avec d'autre image et pareille rien du tout. Je pense que c'est le "chemin" qui doit être mauvais mais je n'arrive pas à voir :(
13 janvier 2018 à 0:32:52

Etrange en effet.

Essais de vider le cache du navigateur, et est-ce que la description du "alt" s'affiche au moins ?

Je suis sous Windows, essais avec l'extension jpeg

Juste au cas ou,  travailles tu bien sur le bon fichier ? c'est du déjà vu.

Pour moi voilà, le bon chemin si le fichier HTML est au même niveau que l'image depuis ta modification :

<img src="bateau.jpg" alt="Photo de bateau" />



13 janvier 2018 à 2:30:25

En effet la photo s'affiche avec ton code mais la description du alt à disparu ! je comprend encore moins
13 janvier 2018 à 5:25:18

Salut c'est normal que la description du alt et disparu car elle ne s'affiche que lorsque URL de l'image n'ai pas bonne...

Si ton problème est résolu regarde ma signature...

Problème résolu = Bouton en haut à droit + Un petit pouce en l'air sur le sujet qui ta aidé
13 janvier 2018 à 11:22:24

Merci noopy360 d'avoir répondu.

En effet ALT = alternative en cas de souci pour trouver l'image.

Mais c'est aussi une description au navigateur, et d'accessibilité: un navigateur vocale pour mal voyant sera capable de lire la description, pensez-y :) 

13 janvier 2018 à 12:02:21

AH d'accord ! Merci beaucoup à vous 2 !
13 janvier 2018 à 14:11:06

Je te conseil vivement de lire ou relire le cours que tu suis, car la ce sont les bases les plus simples.

Il vaut mieux revenir en arrière plutôt que de se perdre et foncer dans le mur, car après ça se complique.

De plus un langage comme le javascript ou le php demande d'avoir un code HTML bien structuré et valide. Surtout pour le JS qui est très stricte quand à la navigation dans le DOM pour cibler tes éléments, etc... ^^

Afficher une photo HTML5 ?

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown