Bilder, die als Hintergrundbilder von einer Webseite genutzt werden sollen, kann man mit Hilfe von CSS-Befehle einbinden. Sie können sich auf eine komplette Seite oder einzelne Elemente der Seite wie z.B. Tabellen beziehen.
Beispiele:
body { background:url(images/bild1.jpg); }
oder
table { background:url(images/bild2.png); }
| Ordnung | Primaten (Primates) |
| Unterordnung: | Feuchtnasenprimaten (Strepsirrhini) |
| Teilordnung: | Lemuren (Lemuriformes) |
| Familie: | Gewöhnliche Makis (Lemuridae) |
| Gattung: | Lemur |
| Art: | Katta |
Wenn die Bilder dagegen einen wichtigen Bestandteil des Inhalts der Seite darstellen, dann sollte man lieber den HTML-Tag img benutzen, so dass man zum Bild eine Bildbeschreibung hinterlegen kann. Dazu benutzt man das Attribut alt. Auf diese Weise können auch sehbehinderte Menschen die Informationen mit speziellen Browsern nutzen. Man spricht von einem barrierefreien Internet. Die Angaben zur Gestaltung schreibt man wiederum in die zugehörige CSS-Datei hinter dem Selektor img.
Beispiele:
<img id="a" src="images/bild3.jpg" alt="Drei Kattas im Berliner Zoo">
img#a { display: block; margin-left: auto; margin-right: auto; width: 50%; }
