Forums des Zéros

Une question ? Pas de panique, on va vous aider !

Liste des forums

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>

pipelette13

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

Stéphanie, blonde mais je me débrouille (....?) ** Mon sondage: mode Dark VS mode Clean

MarvynCorre

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 ?

pipelette13

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

Stéphanie, blonde mais je me débrouille (....?) ** Mon sondage: mode Dark VS mode Clean

MarvynCorre

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

pipelette13

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" />

Stéphanie, blonde mais je me débrouille (....?) ** Mon sondage: mode Dark VS mode Clean

MarvynCorre

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

noopy360

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...

https://validator.w3.org/ / https://jigsaw.w3.org/css-validator/ / https://codepen.io/pen

pipelette13

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

Stéphanie, blonde mais je me débrouille (....?) ** Mon sondage: mode Dark VS mode Clean

MarvynCorre

13 janvier 2018 à 12:02:21

AH d'accord ! Merci beaucoup à vous 2 !

pipelette13

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...

Stéphanie, blonde mais je me débrouille (....?) ** Mon sondage: mode Dark VS mode Clean

Afficher une photo HTML5 ?

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

× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.

Afficher une photo HTML5 ?

Impossible d'afficher une photo

Afficher une photo HTML5 ?

Supprimer

Modérer

Signaler le message aux modérateurs