IMG Bildelement HTML 2.0  HTML 3.2  Netscape  MS Internet Explorer 

top Beschreibung

Dieser Tag fügt in einem HTML-Dokument ein Bild im GIF- oder JPEG-Format ein. Die Definition sieht nur einen einleitenden Tag vor (</IMG> gibt es also nicht).

top Anmerkungen

Kann ein Browser dieses Bild nicht darstellen, läßt sich ein alternativ anzuzeigender Text angeben. Je nach Browser läßt sich die Grafikanzeige auch abschalten. Dann erscheint anstelle des Bildes ein Icon als Platzhalter und der alternative Text. Abhängig vom Browser gibt es verschiedene Attribute, um die Bildabmessungen und die Anzeige einzustellen.

top Syntax

<IMG Attribute>

top Attribute

Attribut Bedeutung
SRC URL der einzufügenden Bilddatei (GIF bzw. JPEG-Bild).
[ALT] Alternativer Ausgabetext, falls der Browser nur Text anzeigt.
[ALIGN] Vertikale Ausrichtung des Bildes in der Textzeile:

top Bildoberkante an oberstem Element der Zeile ausrichten.
middle Bildmitte an der Grundlinie des Textes ausrichten.
bottom Bildunterkante an der Grundlinie des Textes ausrichten.

[ISMAP] Definiert, daß es sich bei der Grafik um eine Server-seitige Image-Map handelt.
 Erweiterte Netscape-Attribute
[ALIGN] Vertikale Bildausrichtung (top, middle, bottom) wie oben.

texttop Bildoberkante an oberem Textrand der Zeile ausrichten.
absmiddle Bildmitte an der Mitte des Textes ausrichten.
baseline Bildunterkante an der Grundlinie des Textes ausrichten.
absbottom Bildunterkante bündig mit der Textunterkante.

[BORDER] Randdicke des Bildes bei Querverweisen (A) festlegen (0 unterdrückt den Rahmen).
[HEIGHT] Bildhöhe in Pixel (fehlt WIDTH, paßt der Browser den Wert an).
[HSPACE] Definiert einen leeren horizontalen Rand (in Pixel) für die beiden Seiten des Bildes.
[LOWSRC] Gibt ein Bild für eine Grafik mit niedriger Auflösung an. Der Netscape-Browser lädt zuerst dieses Bild, und bewirkt eine Vorschau.
[USEMAP] Das Bild gehört zu einer Client-side Image-Map (siehe auch MAP), d.h., die Daten befinden sich auf dem Client. USEMAP kann gleichzeitig mit ISMAP verwendet werden.
[VSPACE] Definiert einen vertikalen leeren Bereich (in Pixel) am oberen und unteren Bildrand.
[WIDTH] Legt die Breite des Bildes in der Anzeige fest. Fehlt das Attribut HEIGHT, wird dessen Wert entsprechend angepaßt (damit die Proportionen erhalten bleiben).

top Beispiele

Das folgende Beispiel bindet ein Bild mit einem Verweis in den Text ein:

<A HREF="IMG.HTM#top">
<IMG SRC="html_2.gif" ALT="Anfang"></A>

Dieser Verweis wird im Browser folgendermaßen angezeigt:

Anfang

Nachfolgend finden Sie weitere Beispiele für den IMG-Tag:

<IMG SRC="Frage.gif" ALT="Frage:">Bitte lesen!
<A HREF="http://.../sample.html">
<IMG SRC="sample.gif" ISMAP></A>
<IMG SRC="html_2.gif WIDTH="30" HEIGHT="30">

<IMG SRC="HTML_2.gif" LOWSRC="HTML_2.jpg">


(c) by Günter Born www.borncity.de