IMG... Images dans votre pages

src détermine le chemin du fichier image. ce chemin peut être indiqué en partant du répertoire du document, il se présentera alors sous la forme "../../images/fichier.gif". Il peut également être indiqué en partant de la racine principale du site. Il aura alors la forme : "/exemple/images/fichier.gif". Il commencera toujours par /.
La balise minimale pour une image se présente ainsi :

Lorsque vous introduisez plusieurs images sur votre page, vous verrez que lors de l' affichage, elle se met à danser. C' est très desagréable.Cela vient du fait que la taille de l' image n' est pas définie.En plus, cela ralentit l' affichage de la page.
height et width indiquent au navigateur la hauteur et la largeur de l' image (en pixel) qui va être affichée:

Pour ajuster une image à une dimension précise tout en conservant les proportions, il suffit de préciser soit la hauteur, soit la largeur et automatiquement l' une ou l' autre des dimensions s' alignera sur celle que vous aurez spécifiée.

Cet attribut permet l' affichage dans une bulle de texte. Lorsque l' affichage de l' image ne se déroule pas correctement, ce même texte apparaîtraà la place de l' image Comme le net devient très fréquenté par les non-voyants, il est important d' utiliser cet attribut pour expliquer l' image Passez la souris sur la première image pour voir s' afficher la bulle. L' image du second exemple est volontairement inexistante pour montrer la manière dont cet attribut s' affiche.

Cet attribut définit l' adresse d' un document décrivant l' image Pour le moment, je n' ai jamais trouvé d' exemple permettant de comprendre cet attribut.

Cet attribut définit l' adresse d' une image à basse résolution.

Cet attribut permet de un nom à votre image. Elle est surtout employée lorsque vous voulez travailler avec du javascript

Cet attribut permet de définir (en pixel) une bordure à votre image.

Elle est assez peu employée sous cette forme.
Lorsque vous utilisez une image comme lien, le navigateur affiche automatiquement une bordure.

[Vous devez être inscrit et connecté pour voir ce lien]

La définition d' une bordure à 0 pixels permet d' éviter ce cadre disgracieux.

[Vous devez être inscrit et connecté pour voir ce lien]

La position de l' image dans votre page est déterminé par cet attribut. Deux positions sont fréquemment utilisées seule: gauche ou droite.

essais

Cet attribut prend vraiment toute son importance lorsque l' image est accompagnée de texte.

Exemple d' alignement

par défaut

Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.

Ligne de base : align="baseline"

Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.

En haut : align="top"

Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.

Au milieu : align="middle"

Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.

En bas : align="bottom"

Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.

En haut du texte : align="texttop"

Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.

Milieu absolu : align="absmiddle"

Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.

Bas absolu : align="absbottom"

Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.

Gauche : align="left"

Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.

Droite : align="right"

Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat.

Ces deux attributs permettent de définir (en pixels) une marge entre l' image et le reste du contenu. La lisibilité du document en est fortement amélioré.

Lor si blan ...

Lor si blan ulput augiam dolortionsequi blaortionsequis alit wisit velit vero od dipsummy nonulputet praessim augue min ute feu feu feugiam eros nis delendrem num quatue dunt luptat luptat nos euguerat. Lor aliquis eum iuscillutpat. Ut lore dolor se magniscidunt lobortie tet, suscin volore euis ad eugait wisi tio od modolum zzriustie mincip eugait acinit nim dolortisisl ex endipsusc llaortinit non ut ulla feu feugait wismodolobor iure tetuercil utat. Ut ad dionsequat ut nos nulla feugiam ad magnis ad tatuerit inis ad do consequatue euip erciliquamcon utpate modoloborperat aut alisit adiam eugait, sequam quisl et dit illa at utet exerostio et lore commy nonsequat, velis nummy nulla feuipit non ullam, sit, consenisi eu feumsandre faci bla corpercil ulla feuguero odipis nim iusci ea consequipit wis adit ut acillumsa dreetuerit laore dolore facilit venis etumsan esed tem alis nonsequat dunt aut la conulputem zzril ut adiam ad min vercin hendreetum nostrud tionullum in veraessequip ea acin enim zzrit ea ad tin vel dolestie vel dolorperillut lum niscil dignim atum venibh eugiate te magna facilis acilluptat.