Einbinden von Bildern

Vor allem zwei Dateiformate werden üblicherweise verwendet, um Grafiken und Fotos in HTML-Seiten einzubinden: gif, geeignet für Grafiken, Icons, also gleichmäßige Flächen und Schriften; jpg, geeignet für fotorealistische Bilder und Grafiken mit Farbverläufen.
Die Breiten- und Höhenangabe eines Bildes sollte im Programmiercode korrekt angegeben werden.
Bei den Bildeigenschaften kann beispielsweise angegeben werden, wie der Text ein Bild umfließt.
Im Alternativtext eines Bildes (Alt-Tag) wird das Bild kurz beschrieben. Der Alternativtext erscheint, wenn die Grafik nicht angezeigt werden kann. Auch für Blinde ist der Alternativtext von Bedeutung.
Bilder können einen oder mehrere Links auf andere Dokumente beinhalten.

Beispiel 1:

Bild mit Breiten- und Höhenangaben und Alternativtext.

Beispiel 2:

Bild mit Breiten- und Höhenangaben, Alternativtext und Rahmen (1 Pixel).

Beispiel 3:

Der Text ist einfach neben das Bild geschrieben. Das Bild hat die Eigenschaft align="right".

Diese Bilder sind an der Schule für Farbe und Gestaltung in Stuttgart aufgenommen worden. Das Copyright liegt beim Landesmedienzentrum Baden-Württemberg.

Syntax:

<img src="images/html_lachen.jpg" width="220" height="171" alt="Lachender Schüler" align="right">Diese Bilder sind an der Schule für Farbe und Gestaltung in Stuttgart aufgenommen worden. Das Copyright liegt beim Landesmedienzentrum Baden-Württemberg.

Beispiel 4

Der Text ist einfach neben das Bild geschrieben. Das Bild hat nun die Eigenschaft align="left".

Diese Bilder sind an der Schule für Farbe und Gestaltung in Stuttgart aufgenommen worden. Das Copyright liegt beim Landesmedienzentrum Baden-Württemberg.

Syntax:

Bilder verlinken

Bilder werden grundsätzlich genau so verlinkt, wie Texte verlinkt werden, das heißt der Befehl umschließt das Bild.

Üblicherweise wird dem Bild das Attribut Rahmen="0" mit gegeben, ansonsten erscheint um das Bild ein Blauer Rahmen, bzw. ein Rahmen in der Linkfarbe.

Weiter zu: Layout mit Tabellen

Autor: Andreas Konitzer

Dieser Text ist unter einer Creative-Commons-Lizenz lizenziert. Sie dürfen den Inhalt vervielfältigen, verbreiten und bearbeiten, wenn Sie den Namen des Autors nennen und den Text unter den gleichen Lizenzbedingungen weitergeben. Bitte beachten Sie, dass die Bilder anderen urheberrechtlichen Bestimmungen unterliegen.