Problème photo avec le HTML
yourt
-
yourt -
yourt -
Bonjour,
Je découvre actuellement l'écriture HTML, malheureusement je reste bloqué à un endroit : j'espère que quelqu'un pourra m'aider.
Je voudrai mettre une photo en HTML, mais dès que j'ouvre la page internet il me met un petit carré avec une page déchirée. pourtant lorsque j'écris en HTML je mets : <IMG SRC= (<=suivi de l'adresse que je prend en découpé collé) terminé par .JPEG>
D'où vient le problème ? cela vient de la photo ? ou de ma façon d'écrire ?
merci d'avance pour vos réponses
Je découvre actuellement l'écriture HTML, malheureusement je reste bloqué à un endroit : j'espère que quelqu'un pourra m'aider.
Je voudrai mettre une photo en HTML, mais dès que j'ouvre la page internet il me met un petit carré avec une page déchirée. pourtant lorsque j'écris en HTML je mets : <IMG SRC= (<=suivi de l'adresse que je prend en découpé collé) terminé par .JPEG>
D'où vient le problème ? cela vient de la photo ? ou de ma façon d'écrire ?
merci d'avance pour vos réponses
A voir également:
- Problème photo avec le HTML
- Google photo - Télécharger - Albums photo
- Google maps photo maison - Guide
- Photo filtre 7 gratuit - Télécharger - Retouche d'image
- Partage photo - Guide
- Editeur html - Télécharger - HTML
5 réponses
Pour mettre une image il faut utiliser :
<img src="repertoire/images.jpg" alt="texte qui remplace l'image" />Montrez nous la ligne complète pour voir quel est l'erreur.
bonjour
tout dépend ou est située l' image.
<img src="http://imageshac.us/monimage23659874589.jpg" width="" height=""
alt="" /> si l' image est quelque part sur le net
<img src="fichier_images/monimage.jpg" width="" height="" alt="" />
si elle est sur ton P.C
attention à l' extension; JPG et jpg ce n' est pas pareil.
Html est sensible à la casse.
tout dépend ou est située l' image.
<img src="http://imageshac.us/monimage23659874589.jpg" width="" height=""
alt="" /> si l' image est quelque part sur le net
<img src="fichier_images/monimage.jpg" width="" height="" alt="" />
si elle est sur ton P.C
attention à l' extension; JPG et jpg ce n' est pas pareil.
Html est sensible à la casse.
Pour le moment j'essaye avec les images sur mon disque dure.
"width"ou "height" faut les mettre où exactement ?
Oui j'imagine que le HTML est très sensible : mon problème est bien là, justement j'aurais peut-être dû l'écrire JPG en minuscule ?
Merci encore à vous deux
"width"ou "height" faut les mettre où exactement ?
Oui j'imagine que le HTML est très sensible : mon problème est bien là, justement j'aurais peut-être dû l'écrire JPG en minuscule ?
Merci encore à vous deux
le plus simple est de creer un fichier principal qui contient tes pages html, css...
dedans tu cree un deuxieme fichier (mes_images) et tu y transfere tes images.
ainsi le lien devient:
<img src="mes_images/image.jpeg" width="90" height="65" alt="blablabla" />
width c' est la longueur de l' image en pixel. height c' est sa hauteur.
alt est un commentaire qui s' affiche en remplacement de l' image, si elle n' est pas disponible. c' est aussi le texte qui sera lu par un navigateur non graphique.
si il n' est pas renseigné (alt="") le navigateur l' interprete comme une image de decoration, et la chargera apres les images importantes.
width et height permettent au navigateur de faire la mise en page sans attendre
que l' image soit chargee.
pour connaitre l' extension de l' image: click droit puis proprietes -> type du fichier
le type est entre parentheses. ex: Image JPEG (.jpg)
il faut ecrire: nom_de_l_image.jpg
P.S il faut remplacer les \ par /
les backslashs \ sont propre à Microsoft, et le navigateur ne peux pas comprendre l' adresse. même Internet Explorer.
dedans tu cree un deuxieme fichier (mes_images) et tu y transfere tes images.
ainsi le lien devient:
<img src="mes_images/image.jpeg" width="90" height="65" alt="blablabla" />
width c' est la longueur de l' image en pixel. height c' est sa hauteur.
alt est un commentaire qui s' affiche en remplacement de l' image, si elle n' est pas disponible. c' est aussi le texte qui sera lu par un navigateur non graphique.
si il n' est pas renseigné (alt="") le navigateur l' interprete comme une image de decoration, et la chargera apres les images importantes.
width et height permettent au navigateur de faire la mise en page sans attendre
que l' image soit chargee.
pour connaitre l' extension de l' image: click droit puis proprietes -> type du fichier
le type est entre parentheses. ex: Image JPEG (.jpg)
il faut ecrire: nom_de_l_image.jpg
P.S il faut remplacer les \ par /
les backslashs \ sont propre à Microsoft, et le navigateur ne peux pas comprendre l' adresse. même Internet Explorer.
Merci patrick7338, j'espère ne plus t'embêter longtemps encore.
Donc la nouvelle adresse donne ceci : <img src="mes_images/image.jpeg" width="90" height="65" alt="nom_de_l_image_hiver.jpg " />
Néanmoins, lorsque j'ouvre la page HTML, j'ai un petit rectangle avec à l'intérieur la page en haut à droite déchirée, et dans le rectangle il y a la fin de l'adresse HTML de noté.
Je pense que je dois me tromper dans la fin de l'adresse, par rapport à propriété.
Voici ce qui y a écris dans propriété : hiver
Type du fichier : Image JPEG (.jpg)
S'ouvre avec : Visionneuse de photos Windows
........
alors où est mon problème ?
Donc la nouvelle adresse donne ceci : <img src="mes_images/image.jpeg" width="90" height="65" alt="nom_de_l_image_hiver.jpg " />
Néanmoins, lorsque j'ouvre la page HTML, j'ai un petit rectangle avec à l'intérieur la page en haut à droite déchirée, et dans le rectangle il y a la fin de l'adresse HTML de noté.
Je pense que je dois me tromper dans la fin de l'adresse, par rapport à propriété.
Voici ce qui y a écris dans propriété : hiver
Type du fichier : Image JPEG (.jpg)
S'ouvre avec : Visionneuse de photos Windows
........
alors où est mon problème ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Salut,
Je ne te conseille pas les attributs width et height.
Ils vont modifier la taille de ton image "artificiellement" et l'écraser ou l'étendre.
Si la taille est déjà la bonne par contre c'est bon.
Il faut modifier la taille de l'image à ta convenance avant de la placer dans le html avec un logiciel comme thegimp ou paint.net qui sont gratuits.
L'attribut alt est utile pour indexer les images, c'est un texte qui s'affiche lorsque l'image a un problème d'affichage.
Il favorise aussi l'accessibilité pour les personne handicapées.
@+.
Fab.
L'important n'est pas de convaincre, mais de donner à réfléchir.
Je ne te conseille pas les attributs width et height.
Ils vont modifier la taille de ton image "artificiellement" et l'écraser ou l'étendre.
Si la taille est déjà la bonne par contre c'est bon.
Il faut modifier la taille de l'image à ta convenance avant de la placer dans le html avec un logiciel comme thegimp ou paint.net qui sont gratuits.
L'attribut alt est utile pour indexer les images, c'est un texte qui s'affiche lorsque l'image a un problème d'affichage.
Il favorise aussi l'accessibilité pour les personne handicapées.
@+.
Fab.
L'important n'est pas de convaincre, mais de donner à réfléchir.
Salut,
Il vaut mieux mettre directement le chemin en relatif plutôt qu'en absolu. Cela éviteras les problèmes à l'exportation sur le serveur web. L'exemple de Patrick7338 est donc le bon(avec un dossier image à la racine du site pour pas mélanger).
Plus d'info sur l'adressage absolu et relatif ici:
http://www.php-astux.info/chemins-relatif-absolu.php
Il vaut mieux mettre directement le chemin en relatif plutôt qu'en absolu. Cela éviteras les problèmes à l'exportation sur le serveur web. L'exemple de Patrick7338 est donc le bon(avec un dossier image à la racine du site pour pas mélanger).
Plus d'info sur l'adressage absolu et relatif ici:
http://www.php-astux.info/chemins-relatif-absolu.php
<IMG SRC=C:\Users\Marc\Desktop\HTML\Saisons\Hiver.JPG>