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:

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