Les Images
Les images donnent du fun aux pages web, et en plus elles ne sont pas dure à inseré dans vos pages.

Les Images dans le web sont le plus souvent en gif ou en jpg, alors le quel choisir ?

• Les images jpg sont de bonne qualité, mais lourdes et donc longues à charger.

• Les images gif sont de moins bonne qualité, mais de plus petite taille.
- Les gifs offrent la possibiltié d'être entrelacé, c'est-à-dire que l'image apparaît flou au début et quel devient de plus en plus clair.
- Et aussi la possibilité d'être transparent, c'est-à-dire que si un gif à un fond noir, grâce à cette possibilité le fond noir diparait et à la place vous voyez le fond de votre page.

Comment faire apparaître une image dans une page web ?

Une image est inseré grâce au tag : <IMG SRC="nom_de_l'image">

Dans le Bloc-notes Dans le browser

<IMG SRC="ball13.gif">
ball13.gif = nom de l'image

Le tag <IMG SRC> supporte l'attribut suivant :

Attribut Mots-clé Dans le Bloc-notes Dans le browser

ALIGN top <IMG SRC="ball13.gif" ALIGN="top">
l'image sera alligné en haut

ALIGN middle <IMG SRC="ball13.gif" ALIGN="middle">
l'image sera alligné au milieu

ALIGN bottom <IMG SRC="ball13.gif" ALIGN="bottom">
l'image sera alligné en bas

ALIGN left <IMG SRC="ball13.gif" ALIGN="left">
l'image sera alligné à gauche

ALIGN right <IMG SRC="ball13.gif" ALIGN="right">
l'image sera alligné à droite

WIDTH y% <IMG SRC="ball13.gif" WIDTH=45%>
l'image aura 45% de la page de large

WIDTH x <IMG SRC="ball13.gif" WIDTH=45>
l'image aura 45 pixels de large

HEIGHT x <IMG SRC="ball13.gif" HEIGHT=45>
l'image aura 45 pixels de haut

BORDER x <IMG SRC="ball13.gif" BORDER=15>
l'image aura une bordure de 15 pixels

HSPACE et VSPACE x Espacement vertical et horizontal entre l'image et le texte

ALT <IMG SRC="ball13.gif" ALT="Quand vous passez la flèche dessus ce texte apparaît">

Les Gifs animés

Les Gifs animés sont certainement les éléments qui rendent les page web plus belle et plus attrayante.
Un gif animé est en faites une compilation de plusieurs Gif, grâce à un programme spécial pour ça.
L'image s'insére par le même tag qu'une image normale.
exemple :

Mise à jour le 8 août 1998

Dans le Bloc-notes	Dans le browser
<IMG SRC="ball13.gif"> ball13.gif = nom de l'image

Attribut	Mots-clé	Dans le Bloc-notes	Dans le browser
ALIGN	top	<IMG SRC="ball13.gif" ALIGN="top"> l'image sera alligné en haut
ALIGN	middle	<IMG SRC="ball13.gif" ALIGN="middle"> l'image sera alligné au milieu
ALIGN	bottom	<IMG SRC="ball13.gif" ALIGN="bottom"> l'image sera alligné en bas
ALIGN	left	<IMG SRC="ball13.gif" ALIGN="left"> l'image sera alligné à gauche
ALIGN	right	<IMG SRC="ball13.gif" ALIGN="right"> l'image sera alligné à droite
WIDTH	y%	<IMG SRC="ball13.gif" WIDTH=45%> l'image aura 45% de la page de large
WIDTH	x	<IMG SRC="ball13.gif" WIDTH=45> l'image aura 45 pixels de large
HEIGHT	x	<IMG SRC="ball13.gif" HEIGHT=45> l'image aura 45 pixels de haut
BORDER	x	<IMG SRC="ball13.gif" BORDER=15> l'image aura une bordure de 15 pixels
HSPACE et VSPACE	x	Espacement vertical et horizontal entre l'image et le texte
ALT		<IMG SRC="ball13.gif" ALT="Quand vous passez la flèche dessus ce texte apparaît">