L'insertion d'une image est possible en tapant la commande suivante: <img
src="images/serviette50.gif">, ce qui donne:
Le segment IMG SRC indique qu'il s'agit de la source d'une image, le premier terme entre les guillemets indique le nom du dossier où se trouve la ou les images, le deuxième terme indique le nom du fichier contenant l'image et le format de celle-ci. Une image en format GIF se termine par .GIF alors qu'une image en format JPEG se termine par .JPEG ou .JPG .
La taille de l'image est déterminée par le fichier lui-même. On peut placer par exemple une grande image occupant l'ensemble de l'écran:
Insertion d'une image au fil du texte:Lorsque vous rencontrerez cette image, <img src="images/serviette50.gif"> vous pourrez vous diriger...donne:
Lorsque vous rencontrerez cette image, vous
pourrez vous diriger...
Alignement des images
L'image de la serviette devrait s'aligner à sa base.
Image alignée à la tête: <img src="images/serviette50.gif" ALIGN=TOP> donne:
L'image de la serviette devrait s'aligner à sa tête.
Image alignée au centre: <img src="images/serviette50.gif" ALIGN=MIDDLE> donne:
L'image de la serviette devrait s'aligner en son centre.
Alignement du texte à gauche ou
à droite d'une image
Le
système d'irrigation régulé par vannes est utilisé au Pakistan
afin d'emmagasiner et économiser l'eau de pluie.
Remarquez l'usage de la commande ALIGN=LEFT où l'image se place à gauche du texte. L'inverse est possible avec la commande: <img src="photos/PK015moyenne.jpeg" ALIGN=RIGHT HSPACE=4> qui donne:
Le
système d'irrigation régulé par vannes est utilisé au Pakistan
afin d'emmagasiner et économiser l'eau de pluie.
La commande HSPACE définit
un espace horizontal libre entre l'image et
le texte. Ainsi, l'exemple suivant montre une progression de l'espace
horizontal autour d'une image de HSPACE=1 à HSPACE=5. Cette commande
HTML se positionne ainsi dans le code:
<img src="images/belicone.gif" HSPACE=5>
texte
textetexte
textetexte
textetexte
textetexte
Toutes les valeurs sont possibles. La commande VSPACE définit un espace vertical libre entre l'image et le texte.
La commande <br clear> placée à
la fin du texte
indique au navigateur de forcer
un changement de ligne qui tienne compte de la place occupée par l'image.
Ainsi dans l'exemple présent, le texte étant plus long que l'espace disponible,
celui-ci va continuer sous l'image.
Chapitre suivant
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
Retour à la page principale