UP PREVIOUS NEXT   Technologies Internet et Education, © TECFA
  9. Images

9. Images

Exercice:

9.1 Insertion d'images

Les formats d'image affichables par les browsers sont *.gif et *.jpg (*.png pour les récents)

Pour avoir des images à l'intérieur d'un document HTML, on utilise la commande "img":

<img src="URL" align="alignement" alt="commentaire" width=n height=n hspace=n vspace=n border=n>

Paramètres:

Le paramètre "src" est obligatoire et contient un URL ou un chemin relatif vers un fichier de format .gif ou .jpg ou .png

src="fichier.gif"

<img src="cow.gif">

ALIGN = "TOP ou BOTTOM ou MIDDLE ou RIGHT ou LEFT"

<img src="cow.gif" align="LEFT">

Paramètres (suite):

WIDTH="n" HEIGHT="m" où n et m sont un nombre de pixels

<img src="cow.gif" width=85 height=67>

HSPACE="j" où j est un nombre de pixels

<img src="cow.gif" HSPACE="5">

VSPACE="k" où k est un nombre de pixels

<img src="cow.gif" VSPACE="5">

BORDER="l" où l est un nombre de pixels

<img src="cow.gif" VSPACE="5">

Pour voir l'effet de la combinaison des paramètres dans l'insertion d'images reportez-vous à l'URL:

Exemple 9-1: Utilisation des paramètres d'insertion d'image

 

 

 

9.2 Formats et résolution d'image

La question critique dans l'utilisation d'images est le temps de téléchargement nécessaire.

Les stratégies possibles pour accélérer le chargement:

<a href="http://tecfa.unige.ch/~jermann/images/big_cow.gif">
<img src="http://tecfa.unige.ch/~jermann/images/nn_exposure.gif" align=left alt="a cow" hspace=15 ></a>

UP PREVIOUS NEXT -- TIE