Hintergrund und Grafiken
 
Selbstverständlich können auch Grafiken bzw. Bilder in eine
Webseite eingebunden werden.
Als Formate sind *.gif (für Grafiken) bzw. *.jpg oder *.jpeg
für Fotos geeignet, da diese Formate einen nur geringen Speicherplatzbedarf haben.

Beispiel:
<img src="bild1.gif">

Mit img (= image) src (= source =Quelle) wird die Grafikdatei mit
Namen und Pfad eingebunden.

Achtung: In diesem Beispiel befindet sich die Grafik im selben
Verzeichnis wie das HTML-Dokument, ansonsten muss der
Pfad (z. B. Bilder/bild1.gif) angegeben werden.

Man sollte beim Erstellen von Webseiten immer darauf achten,
keine absoluten Pfade zu verwenden wie z. B. "C:ProgrammeCoffeeCupSoftwareworkingbilder",
da solche Pfade auf dem Server natürlich nicht funktionieren können.

ACHTUNG: Die Windows-Pfadangaben mit "" funktionieren nicht -
es muss statt dessen der Slash "/" verwendet werden.
 
Einige Zusatzattribute bei Grafiken:
 
<img src="bild1.gif" width = 250 height = 450 align=right>

Mit "width" und "height" wird die Größe der Grafiken in
Pixel (= Bildpunkte) angegeben bzw. erzwungen. Diese Grafik
würde also bei einer Auflösung von 600 x 800 rund die Hälfte
des Bildschirms einnehmen.
Mit "align" kann die Ausrichtung der Grafik bestimmt werden,
Grundeinstellung ist "left", trotzdem kann die Zusatzangabe align = left sinnvoll sein,
da nur dann ein Textfluss um die Grafik erfolgt.
Auch im Bodytag können neben anderen Zusatzattributen
Grafiken als Hintergrund eingebunden werden.