L'image en HTML

• Balise autofermante en DocType Strict
• Balise en ligne (i.e. caractère de texte)

<img src="URL relative ou absolue" alt="texte de remplacement" title="Texte d'information" width="en pixel" height="facultatif" />

• Balise <img> pour les documents iconographiques (référencement nécessaire) et en background: url() pour les éléments décoratifs.

L'image en CSS

• Reset CSS de l'image

img {border: none;}
a img, :lik img, :visited img {text-decoration: none; border: none;}

• Il est recommandé de transformer la balise <img> en bloc. Voire de lui construire un style visuel spécifique

img {
 display: block;
 padding: 1em;
 border: 1px solid black;
 background: #eee;
 margin: 1em;
 }

Construire un arrière-plan

Sur un sélecteur (avec ou sans class ou id), utiliser la propriété background :

h1 a {background: url(relative | absolue) no-repeat fixed X Y;}

A lire ailleurs…

• Utilisation des images en CSS, chez openweb
• Le background CSS, chez Mammouthland
• Les propriétés et valeurs d'arrière-plan en CSS2, chez fr.selfhtml