Insérer une image

[makked]

Je vais vous montrer comment insérer une image avec un code html simple, lorsque vous cliqurais sur l'image en question, vous serez rediriger vers le lien de votre choix.

Code: Tout sélectionner

<a href="http://votresite.com"><img src="htp://mon/image/pour/mon/site.jpg" alt="L'image d'acceuil de mon site"/></a>

Vous pouvez personnaliser les champs suivant:

<a href="http://votresite.com"><img src="htp://mon/image/pour/mon/site.jpg" alt="L'image d'acceuil de mon site"/></a>


1-) http://votresite.com C'est l'adresse du site vers laquelle sera rediriger les personnes qui cliquerons sur l'image.
2-) htp://mon/image/pour/mon/site.jpg C'est l'adresse de l'image qui sera présente sur votre site une fois le code insérer.
3-) L'image d'acceuil de mon site C'est la description de l'image qui sera visible lorsque les personnes passerons leur souris sur l'image.



Voila un exemple de code plus complet:

Code: Tout sélectionner

<a href="http://votresite.com" target=_blank ><img src="htp://mon/image/pour/mon/site.jpg" border=2 width=450 height=60 alt="L'image d'acceuil de mon site" title="image numéro#"></a>

Vous pouvez personnaliser les champs suivant:

<a href="http://votresite.com" target=_blank ><img src="htp://mon/image/pour/mon/site.jpg" border=2 width=450 height=60 alt="L'image d'acceuil de mon site" title="image_numéro2"></a>

1-) http://votresite.com C'est l'adresse du site vers laquelle sera rediriger les personnes qui cliquerons sur l'image.
2-) htp://mon/image/pour/mon/site.jpg C'est l'adresse de l'image qui sera présente sur votre site une fois le code insérer.
3-) L'image d'acceuil de mon site C'est la description de l'image qui sera visible lorsque les personnes passerons leur souris sur l'image.
4-) border=2 Met une bordure autour de l'image. (le border=0 annule l'apparition de la bordure).
5-)width=450 Definit la largeur de l'image, cela peut déformer l'image, donc cela ne remplace pas la redimentialisation de l'image.
6-)height=60 Definit la heuteur de l'image, cela peut deformer l'image, donc cela ne remplace pas la redimentialisation de l'image.
7-)image_numéro2 ou texte: Carte d'identitée de l'image pour mieux reconnaitre un code parmis d'autres, les autres personnes ne voient pas ce message, sans acceder au code.

[Cclleemm]

Hey bravo ! Le tuto est simple mais ça a le mérite d'être très tès claire !
Avec des couleurs pour bien se reperer et des commentaire crect ! J'adore
Tu utilise bien toute les balises qu'ils faut, merci pour ce petit tutoriel et à bientot !

[jeromecold]

Héhé, bravo bravo, voilà qui est très utile pour les débutants!!

[Gaara]

Bravo pour ce tuto ! Très bien expliqué et en couleur, vraiment je suis conquis ! Bravo

Par contre j'ai remarqué une petite erreur (pas bien grave, je te rassure) !

C'est la description de l'image qui sera visible lorsque les personnes passerons leur souris sur l'image.

L'attribut alt sert à afficher un texte alternatif si l'image en question n'est plus ou pas disponible. En outre, c'est l'attribut title qui affiche une description.
Ce serait donc :

<img src="lien_de_limage.jpg" title="hop une petite description" alt="texte alternatif si l'image n'existe pas" />

Voilà si je signale cette erreur ce n'est pas pour t'embêter mais c'est parce que certains navigateurs n'affichent que la valeur de alt uniquement quand l'image n'existe pas, en revanche avec title ça fonctionne tout le temps .

Gaara

[makked]

Oups je n'ai pas fait attention

[boulledogue]

Salut. Oui en effet très beau tuto je suis d'accord. L'attribut alt est nécessaire si vous voulez un site aux normes w3c donc pour que votre site soit accessible à tout le monde, même ceux qui ne voient pas ton image. Sinon je suis content de revoir gaara et jeromecold :d. À bientot. Boulledogue

[zardoz]

Scuzé mon retard là. >> s.v.p

Mais c'est bien largué dans l'coin.
C'est du HTML >> finalement . . . Bof ! >> j'ai rien à rajouter.