Insérer une image

Règle primordiale pour un site WEB: ne pas abuser des images et photos pour ne pas surcharger le site.
Si vous affichez la même images sur différentes pages HTML, installez la une seule fois et faites référence
à son emplacement sur chaque page où vous voulez l'afficher.

Les navigateurs HTML reconnaissent généralement deux formats d'images: .GIF et .JPEG.
Le format .GIF compresse moins l'image et donne une résolution de couleur limitée. A utiliser pour les
images noir&blanc de préférence.
Le format .JPG compresse correctememnt et donne des images couleurs de très bonne résolution. Idéal pour
des photos.

L'insertion d'une image se fait par la commande <img src="répertoire dans lequel se trouve l'image/image.jpg">, ce qui donne:
 Si l'image est dans le même répertoire que la page HTML qui l'appelle alors il n'est pas nécessaire d'indiquer le répertoire.

Le segment img src indique qu'il s'agit de la source d'une image.
Il est important de respecter le format de l'image ( .gif ou .GIF, .jpg ou .jpeg, .JPG ou .JPEG ) pour obtenir l'affichage sur la page WEB.

Dans la même commande vous pouvez indiquer où va se trouver l'image par rapport au texte:


<img src="homer.jpg" align=top>Image alignée à la tête, donne:

 Image alignée à la tête.


<img src="homer.jpg" align=middle>Image alignée au centre, donne:

 Image alignée au centre.


<img src="homer.jpg">Image alignée à la base, donne:

 Image alignée a la base.



<img src="homer.jpg" align=left> donne:						   <img src="homer.jpg" align=left> donne:

				






Image alignée à gauche.									   	Image alignée à droite.


Pour finir, une image peut être insèrée à n'importe quel moment, dans une ligne de texte, entre deux paragraphes...etc...


Passer au cours suivant
Retour SOMMAIRE