ACCUEIL | PAGE PRECEDENTE | PAGE SUIVANTE | FIN DE PAGE | INDEX

<IMG>

Utilisation	Inclut une image dans le document
Balises de début/de fin	Nécessaire/illégal
Attributs	%coreattrs, %i18n, %events src="..." : l'URL de l'image alt="..." : texte de remplacement à afficher align="..." : deprecated. Contrôle l'alignement ( absbottom, absmiddle, baseline, bottom, left, middle, right, textop, top ) height="..." : hauteur de l'image width="..." : largeur de l'image border="..." : largeur de la bordure autour de l'image hspace="..." : espacement horizontal entre l'image et le reste du contenu vspace="..." : espacement vertical entre l'image et le reste du contenu usemap="..." : l'URL vers une imagemap côté client ismap="..." : identifie une imagemap côté serveur
Vide	Oui

Remarques :

Ce topo traite de l'élément IMG, tel qu'il est décrit par les spécifications HTML, uniquement pour le traitement d'images statiques.
Des extensions importantes (non reconnues par les instances HTML) ont été introduites par Microsoft pour le traitement dynamique des images ( l'attribut DYNSRC, en particulier, pour traiter des séquences vidéo ).
La balise <IMG> signale au navigateur la nécessité de charger une image.
L'attribut src (source de l'image ) indique le le nom et l'emplacement du fichier graphique que l'on veut placer dans la balise
Les formats d'images standards utilisables dans une page Web sont le format GIF ( palette limitée à 256 couleurs mais permettant la transparence ) et le format JPEG ( palette de plus de 16 millions de couleurs ). Des tentatives sont actuellement faites pour imposer le format PNG qui réunit les avantages des deux formats précédents.

Exemples d'utilisation :

Cas où le fichier de l'image est enregistré dans le même répertoire que le fichier HTML :

Insertion la plus élémentaire :

qui sera rendu de la manière suivante :

cas d'une adresse relative :

cas d'une adresse internet complète (entraîne une connexion):

Exemple à ne pas suivre, car il ralentit l'affichage de votre page. Il vaut mieux obtenir l'autorisation de copier l'image et l'installer directement sur votre site.

Cas d'un chemin sur disque dur ( pour encapsulage dans OE ) :

Document additionnel ( Face cachée d'HTML ) :

	IMG= (IMAGE)		HTML
Définition	Elément permettant de manipuler des images dans un document HTML		2.0	3.2
Syntaxe	<IMG Attributs > [IMG est un élément ouvert].
Attributs HTML 2.0/3.2
	ALT	Affiche un message à la place d'une image si celle-ci n'a pu être chargée ou lue
	ISMAP	Définit une image comme étant une image réactive, côté serveur
	SRC	Indique l'URL ou le fichier source de l'image.
Attributs HTML 3.2
	ALIGN	Permet d'aligner de différentes manières texte et images dans un document HTML
	USEMAP	Définit une image comme étant une image réactive, côté navigateur
	WIDTH=	Permet de définir la largeur d'affichage (en pixels) d'une image importée
	HEIGHT=	Permet de définir la hauteur d'affichage (en pixels) d'une image importée
Attributs HTML 3.2
	BORDER=	Permet de définir la largeur (en pixels) d'une bordure autour d'une image
	VSPACE=	Permet de définir un espace (en pixels) entre le texte et le bord vertical d'une image flottante
	HSPACE=	Permet de définir un espace en pixels entre le texte et le bord horizontal d'une image flottante

ACCUEIL | PAGE PRECEDENTE | PAGE SUIVANTE | DEBUT DE PAGE | INDEX