Comment mettre une image en html
Résolu
Bonjour,J>e voudrais savoir comment mettre mon image de mon ordinateur qui est dans : luc>image>image html
mon image sapelle : imagepourmonsite.jpg
Quel code faut t-il pour mettre mon image sur mon site ??
Cordialemnt luc48
mon image sapelle : imagepourmonsite.jpg
Quel code faut t-il pour mettre mon image sur mon site ??
Cordialemnt luc48
Configuration: Windows Vista Internet Explorer 7.0
10 réponses
-
tu ecris <img src='monimage.jpg' /> dans un fichier avec une extension.html
-
dsl mes il y quel'que chose que je n'est pas compris je n'est pas comprie ses ''dans un fichier avec une extension.html ''
-
Oui, dans ton fichier .html ou .htm , à l'endoit ou tu veut mettre ton image tu met le code
<img src="nomdel'image.jpg" />.
avec le code ci dessus le fichier .htm ou .html et l'image doivent être dans le même dossier. -
ok mersi je vais éssayée
-
Mersi, je suis super content sa a marcher, mais un dernier truc, comment choisir la largeur et la longueur
-
apreès le src="nomimage.jpg" tu rajoute un espace + width="150" height="125"
Donc
<img src="image.jpg" width="150" height="125" />
Tu peut augmenter... Diminuer...
Bonne chance. -
Mersi encore, mais une dernieres chausse, comment la centrer ou la mettre a droite ou a gauche du texte ??
Cordialemnt luc48 -
Alors la sa ce complique.
Il faut créer un tableau. La centrer avant le texte c'est a dire
[IMAGE CENTRER]
[RETOUR A LA LIGNE]
+ [TEXTE]
il faut mettre la balise <center> + ajout de l'image. Dès que tu veut plus que ton texte soit centrer tu met </center> -
ok mersi
-
Il n'y a pas du tout besoin de tableau :
Pour centrer :<p style="text-align:center"><img src="image.jpg" width="150" height="125" alt="" /></p>
Pour qu'elle soit à gauche du texte :<p style="float:left"><img src="image.jpg" width="150" height="125" alt="" /></p> <p style="margin-left:160px">Mon texte à droite de l'image</p> <p style="clear:both">Le texte de nouveau en dessous de l'image.</p>
Pour qu'elle soit à droite :<p style="float:right"><img src="image.jpg" width="150" height="125" alt="" /></p> <p style="margin-right:160px">Mon texte à gauche de l'image</p> <p style="clear:both">Le texte de nouveau en dessous de l'image.</p>
-
-
Bah c'est a dire, chacun sa manière de faire. Moi, je fait avec les tableaux, mais oui sa marche comme tu fais aussi.
