Images

 

Une image s'introduit par la balise <IMG>
La plus simple expression est : <IMG SOURCE="paysage.jpg">

SOURCE désigne le fichier graphique contenant l'image.

Divers formats graphiques sont supportés par les explorateurs.
Les plus fréquents sont :

  • *.gif pour images simples ou à fond transparent ou animées
  • *.jpg pour images plus détaillés

Le fichier peut être désigné par :

  • son nom de fichier s'il se trouve dans le même répertoire que le fichier html qui le référence. Ex. "paysage.jpg"
  • son chemin absolu ( à éviter ) Ex. "C:\site\images\paysage.jpg"
  • son chemin relatif ( préférentiellement ) Ex. "..\..\Images\paysage.jpg"


Paramètres de la Balise IMG
Paramètres Signification Valeurs possibles
SRC Fichier contenant l'image. SRC="paysage.jpg"
ALIGN Alignement. ALIGN = LEFT, CENTER, RIGHT
ALT Texte de remplacemant si fichier image inaccessible.
ALT = "texte"
BORDER Bordure d'encadrement en pixels. BORDER = pixels
HEIGHT Hauteur de l'image en pixels. HEIGHT = pixels
HSPACE Distance horizontale entre l'image et le texte. HSPACE = pixels
ISMAP Paramètre d'image interactive.
LOWSCR Image de faible définition en attente du chargement compet LOWSCR = "Simple.gif"
NAME Nom pour référencer l'image dans un programme. NAME = "Reference"
USEMAP Paramètre d'image interactive.
VSPACE Distance verticale entre l'image et le texte. VSPACE = pixels
WIDTH Largeur de l'image en pixels. WIDTH = pixels

Exercices

Quelques exemples vous sont proposés dans le fichier images1.html

Vous pouvez visualiser ce fichier en cliquant sur le lien ci-dessus.

Mieux !
Pendant la visualisation : cliquez sur [Affichage] de la barre de menus de votre explorateur Internet puis sur [Source] dans le menu déroulant. Vous visualiserezalors le code source de ce fichier d'exemple.

Mieux encore !
Copiez-collez le texte source dans un fichier vide que vous aurez créé dans votre répertoire de travail pour les cours HTML. Faites des modifications sur ce fichier source et visualisez-en à chaque fois les effets dans votre explorateur internet.

Vous aurez sans doute un problème avec l'image qu'il va falloir récupérer : un clic droit sur celle-ci et le choix "Enregistrer" dans le menu déroulant vous permettront de l'enregistrer dans votre répertoire de travail.

Changez l'image de sous-répertoire et modifiez "SRC = ..." sur votre texte source d'essai pour que cette image continue à être vue dans l'explorateur Internet

Essayez des chemins d'accès absolus, et relatifs.

Cours suivant
Sommaire cours HTML
Page d'accueil