|
|||||||||
|
|||||||||
|
|||||||||
|
|||||||||
|
|||||||||
|
|||||||||
|
|||||||||
|
|||||||||
|
|||||||||
|
|||||||||
|
|||||||||
|
|
Pour insérer une image dans l'un de vos sites, documents, courriers... Il faudra heberger votre image et récupérer l'adresse (URL) de l'image. Prenons pour exemple cette image:
Qui est hébergée à l'adresse suivante: http://avenir-emploi.com/image_185.jpg ___________________________________________________________________________________ ORIGINAL: « balise A » : <img src=" « élément » : http://avenir-emploi.com/image_185.jpg « balise B » : "> Ce qui donne: <img src="http://avenir-emploi.com/image_185.jpg"> Complément: Vous pouvez choisir la "police" de texte de votre choix. Pour cela, il suffit de modifier la partie jaune présente dans la balise A ___________________________________________________________________________________ CADRE: « balise A » : <img src=" « élément » : http://avenir-emploi.com/image_185.jpg « balise B » : "border=1"> Ce qui donne: <img src=http://avenir-emploi.com/image_185.jpg" border="1"> Complément: Vous pouvez choisir l'épaisseur du cadre de l'image. Pour cela, il suffit de modifier la partie jaune présente dans la balise B ___________________________________________________________________________________ DIMENSION: « balise A » : <img src=" « élément » : http://avenir-emploi.com/image_185.jpg « balise B » : "width="170" height="100"> Ce qui donne: <img src="http://avenir-emploi.com/image_185.jpg" width="170" height="100"> Complément: Vous pouvez choisir la dimension de l'image . Pour cela, il suffit de modifier la partie jaune présente dans la balise B ___________________________________________________________________________________ NOM: « balise A » : <img src=" « élément » : http://avenir-emploi.com/image_185.jpg « balise B » : "NAME: mettez ici le nom de votre image"> Ce qui donne: <img src="http://avenir-emploi.com/image_185.jpg" NAME: le nom de votre image"> Complément: Vous pouvez choisir le nom de l'image . Pour cela, il suffit de modifier la partie jaune présente dans la balise B ___________________________________________________________________________________ COMMENTAIRE: « balise A » : <img src=" « élément » : http://avenir-emploi.com/image_185.jpg « balise B » : "ALT: mettez ici le nom de votre image"> Ce qui donne: <img src="http://avenir-emploi.com/image_185.jpg" ALT: mettez ici le nom de votre image"> Complément: Vous pouvez donner un commentaire à l'image . Pour cela, il suffit de modifier la partie jaune présente dans la balise B ___________________________________________________________________________________ CENTRE: « balise A » : <img src=" « élément » : Mais qu'est ce que l' HTML ? « balise B » : "align="middle"> Ce qui donne: <img src="Mais qu'est ce que le HTML ?"align="middle"> ___________________________________________________________________________________ GAUCHE: « balise A » : <img src=" « élément » : http://avenir-emploi.com/image_185.jpg « balise B » : "align="left"> Ce qui donne: <img src="http://avenir-emploi.com/image_185.jpg" align="left"> ___________________________________________________________________________________ DROITE: « balise A » : <img src=" « élément » : http://avenir-emploi.com/image_185.jpg « balise B » : "align="right"> Ce qui donne: <img src="http://avenir-emploi.com/image_185.jpg" align="right"> ___________________________________________________________________________________ HAUT: « balise A » : <img src=" « élément » : http://avenir-emploi.com/image_185.jpg « balise B » : "align="top"> Ce qui donne: <img src="http://avenir-emploi.com/image_185.jpg" align="top"> ___________________________________________________________________________________ BAS: « balise A » : <img src=" « élément » : http://avenir-emploi.com/image_185.jpg « balise B » : "align="bottom"> Ce qui donne: <img src="http://avenir-emploi.com/image_185.jpg" align="bottom">
|
| Image |
 |
| © 2008 avenir-emploi.com |
![http://avenir-emploi.com/image_185.jpg](http://avenir-emploi.com/image_185.jpg" border="1){kind=link}