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">
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 :

Francité
Mise à jour le 8 août 1998
E-Stat
 
cyber-top