Bilder und Grafiken

Einbindung
von Grafiken

Die Einbindung einer Grafik oder eines Fotos erfolgt über das <img>-Tag. Die Quelle (src=) der Grafik wird als URL angegeben.

Falls die Grafik im Browser nicht richtig angezeigt wird, kann ein alternativer Text (alt=) zumindest einen Hinweis auf den Inhalt der Grafik geben (wichtig auch für behindertengerechtes Webdesign, der Text kann vorgelesen werden). Außerdem wird dieser Text auch zur Indexierung durch Suchmaschinen verwendet.

<img src="URL" alt="Text">

Die Darstellung beeinflussen folgende Attribute:

• die Breite (width=) oder Höhe (height=) in Pixel oder in Prozent der Originalgröße
• die Dicke des Rahmens (border=) in Pixel
• die Ausrichtung der Grafik (align=)
  linksbündig (left) mit rechts umfließendem Text
  rechtsbündig (right) mit links umfließendem Text

<img src="URL" width="x" height="x">
<img src="URL" border="x">
<img src="URL" align="left|right">Text

Grafiken als Verweise

Selbstverständlich können Sie eine Grafik auch als Verweis verwenden.

<a href="test.htm"><img src="test.gif" border="0"></a>

Die Grafik "test.gif" ist nun als Verweis anklickbar. Der standardmäßige Verweisrahmen wird durch border="0" ausgeschaltet. Der Verweis verlinkt auf die Datei "test.htm" im selben Verzeichnis.