Cascading Stylesheets – Zur Startseite Cascading Stylesheets Stil mit <Stil>

img ♦ <img> ♦ IE4+ M1 N4+ O5+ ♦ HTML 2.0, 3.2, 4.0

Das <img>-Tag fügt eine Grafik oder ein fotografisches Bild direkt in den Textfluss oder zwischen andere Bilder ein. Der Einsatz des Tags bewirkt keinen Zeilenumbruch – <img> erzeugt ein Inlineelement. Das Tag kann in ein a-Element eingesetzt werden, um einen klickbaren Link zu erzeugen. Um alle vier Seiten wird dabei ein Rahmen dargestellt, um das Bild als Link zu kennzeichnen. Der Rahmen kann durch Stylesheets verändert werden.

Es gibt kein schließendes Tag.

Kernattribute classdir id lang onclick ondblclick onkeydown onkeypress onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup style title
align unerwünscht 4.0 Das Attribut align richtet das Bild in der Vertikalen gegen den umgebenden Text oder andere Elemente aus. Die Werte sind absbottom, absmiddle, baseline, bottom, left, middle, right, texttop und top.
alt Das alt-Attribut stellt eine Textnachricht zur Verfügung, die anstelle des Bildes von Browsern gezeigt wird, die Bilder oder Grafiken nicht darstellen können.
border Das Attribut border setzt einen Rahmen um alle vier Seiten eines Bildes. Die Breite des Rahmens wird in Pixeln angegeben. Wenn Sie ein Bild als Hyperlink einsetzen und keinen Rahmen wünschen, setzen Sie das Attribut auf 0.
height Das Attribut height gibt die vertikale Ausdehnung des Bildes in Pixeln an.
hspace Das Attribut hspace fügt einen zusätzlichen Weißraum rechts und links des Bildes ein.
ismap Das Attribut ismap ist ein boolescher Wert. Wenn er vorhanden ist, kennzeichnet er, dass es sich bei dem Bild um eine klickbare serverseitige Image Map handelt.
longdesc Das Attribut longdesc ist die URL einer Quelle, die eine ausführliche Beschreibung des Bildes enthält. Das ist nützlich für serverseitige Image Maps und nichtgrafische Browser.
name Das Attribut name legt den Namen des Bildes fest. Der Name wird gefordert, wenn ein JavaScript eingesetzt wird.
src Das Attribut src ist zwingend erforderlich und stellt die URL der Bilddatei dar. Die URL muss den Dateinamen enthalten und kann einen relativen oder absoluten Pfad angeben.
usemap Das Attribut usemap gibt den Namen einer Image Map an, die mit dem Element verknüpft werden soll. Es handelt sich hierbei um eine klickbare clientseitige Image Map.
vspace Das Attribut vspace fügt zusätzlichen Freiraum unter und über dem Bild ein und wird in Pixeln angegeben.
width Das Attribut width gibt die horizontale Ausdehnung des Bildes in Pixeln an.

Beispiel

Die Fliege <img src="fliege.gif" align="middle" 
	alt="Die Fliege" width="150" 
		height="98" border="2">

Darstellung

Die Fliege Die Fliege

 

Cascading Styleheets – Stil mit <Stil> • Das Begleitmaterial zum Buch
© media engineering Ulrike Häßler 2002 • Frechen