HTML- les hyperliens et ancrages
Les Types d'images
Les deux formats d'image utilisés sur le Web, sont le format GIF (version 89a) et le format JPEG. Ces deux formats permettent de diminuer la taille des images et illustrations de facon considérable pour permettre un affichage rapide sur le web. Par contre, ils appliquent tous deux une compression destructive sur les fichiers, ne permettant plus de récupérer l'information détruite lors de la compression.
Le format GIF a deux caractéristique à noter. La première est la transparence qui permet par exemple de placer une image sur un arrière-plan texturé. Deuxièmement, la fonction "entrelacé" qui permet de charger progressivement l'image lors de l'ouverture de la page. Le format GIF est 8 bits (256 couleurs) et moins. Idéal pour les illustrations vectorielles, il permet de choisir la palette de couleurs indexés à l'image et permet de choisir la résolution (quantité de couleurs).
Le format JPEG est un format 24 bits (16 millions de couleurs) pour la photographie. Le format JPEG permet de choisir la quantité de compression désirée sur une photographie. Plus on applique une compression élevée, plus la taille de la photo diminuera mais aussi moins elle sera de qualité.
Un excellent logiciel de retouche d'image est Adobe Photoshop et Adobe Illustrator pour la création d'illustrations vectorielles.
Insertion d'images sur une page web:
Généralement, on place les images dans le même répertoire que les pages Html. Pour insérer une image sur votre page HTML le code est :
| <IMG SRC="Adresse de l'image"> | Afficher l'image qui se trouve à l'adresse... |
La balise image possède de nombreux attributs.
| Texte alternatif | alt="****" | Pour les browser n'ayant pas l'option "image" activée |
| Dimensions | width=? | Hauteur et largeur (en pixels) |
| Bordure | border=? | (en pixels) |
| Alignement | align=top |
|
L'attribut Align
L'attribut align positionne l'image par rapport au texte.
<IMG SRC="aaa.gif" align=TOP>texte
<IMG SRC="aaa.gif" align=CENTER>texte
<IMG SRC="aaa.gif" align=BOTTOM>texte