Outil-referencement : Les images en Html
Les images
Pour afficher une image sur une page Web, il faut utiliser la balise <img>.
Exemples :
<img src="http://www.outil-referencement/img/toto.jpg"/>
<img src="../img/toto.jpg"/>
<img src="toto.jpg" border="0" weight="100" height="200" alt="Image de toto"/>
L´attribut src doit être renseigné par le chemin pour accéder au fichier de l´image.
Attributs optionnels :
L´attribut border indique dans le cas où il y a un lien de placé sur l´image s´il faut ou non une bordure autour de l´image.
L´attribut width indique la largeur de l´image.
L´attribut heigth indique la hauteur de l´image.
Les dimensions peuvent être données en pixel ou en pourcentage.
Attribut recommandé :
L´attribut alt est un texte qui s´affiche pendant le chargement de l´image.
Il est également utilisé par les navigateurs vocaux pour les aveugles.
Certains moteurs prennent en compte ce texte.
Aide mémoire :
| Attribut | Action |
| img scr=[X] | Affiche une image |
| img scr=[chemin d´acces] | Affiche une image |
| img scr=[X] alt=[...] | Affiche un texte (...) si l´image ne s´affiche pas ou l´affiche en surlignage |
| img scr=[X] align=[X] | aligne l´image a l´endroit choisi |
| img scr=[X] border=[X] | Affiche un cadre autour de l´image |
| img scr=[X] hspace=[X] | Crée un vide de [X] sur les coté gauche et droite de l´image |
| img scr=[X] vspace=[X] | Crée un vide de [X] au dessus et dessous de l´image |
| img scr=[X] valign=[top ou middle ou bottom] |
Affiche le texte qui suit a l´endroit choisi a droite ou a gauche de l´image |
| img scr=[X] height=[X] | Force l´image a occupé une taille en pixel ou un pourcentage de la taille de la fenetre (hauteur) |
| img scr=[X] width=[X] | Force l´image a occupé une taille en pixel ou un pourcentage de la taille de la fenetre (largeur) |
| img scr=[X] height=[X] width=[X] | Force l´image a occupé une taille en pixel ou un pourcentage de la taille de la fenetre (hauteur et largeur) |
Faire un lien :
<a href="http://www.outil-referencement.com/image-html.htm" title="Outil-referencement"> Les images en Html </a>
Nos articles : Quelques Icones gratuites ou photos libre de droit sur le Geoportail ign 3D et avec Second life : Gagner de l'argent.
