Comment afficher des images sur une page web? |
Quelques images oui, trop : NON !
Il y a grossièrement deux formats d'images que vous pouvez inclure dans votre page :
On utilise la balise <IMG> pour inclure une image, il ne crée pas de
retour à la ligne.
Ses trois principaux attributs sont :
Ainsi pour insérer une image, il faudra saisir un marqueur du genre :
<IMG SRC="url/image.gif ou url/image.jpg" ALT="Texte remplaçant
l'image">
Attribut | Valeur | Résultat | Effet Visuel |
---|---|---|---|
SRC | Adresse de l'image | ||
BORDER=n | Nombre de pixels de la bordure. Sa couleur se définit dans l'attribut LINK ou TEXT de la balise <BODY> |
||
HSPACE | Nombre de pixels d'ajustement entre l'image et le texte adjacent |
||
VSPACE | Nombre de pixels d'ajustement entre l'image et le texte au-dessus |
||
WIDTH | Taille horizontale (en pixels ou en %) | ||
HEIGHT | Taille verticale (en pixels ou en %) | ||
LOWSRC | URL | Image alternative (plus petite) affichée le temps que la vraie soit chargée |
Insérer une image en fond |
L'arrière-plan est défini dans les attributs de la balise <BODY> :
Attribut | Effet Visuel |
---|---|
BACKGROUND="image" | affiche l'image en arrière-plan |
BGCOLOR="nom_de_la_couleur ou #XXXXXX" | affiche la couleur demandée en arrière-plan |
LINK="couleur" | Couleur des liens hypertexte |
ALINK="couleur" | Couleur du lien actif |
VLINK="couleur" | Couleur des liens déjà visités |
TEXT="couleur" | Couleur du texte par défaut |
Les couleurs sont définies par 6 chiffres hexadécimaux représentant 2 à 2
les tons de Rouge, de Vert et de Bleu.
couleur="#RRVVBB" où R, V et B représentent respectivement un
chiffre hexadécimal entre 0 et F pour le Rouge, le Vert et le Bleu.