Image

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…