SELFHTML/Quickbar  HTML  Grafik in HTML

Grafiken beschriften
Diese Seite ist ein Dokument mit Informationstext

 Grafikbeschriftung oben, mittig, unten
 Speziellere Plazierung der Grafikbeschriftung
 

HTML2.0 Grafikbeschriftung oben, mittig, unten

Beispiel Anzeigebeispiel: So sieht's aus

Sie können bestimmen, daß der Text, den Sie im Anschluß an eine Grafikreferenz notieren, als Beschriftungstext für die Grafik interpretiert wird. Bei der Grafikreferenz selbst können Sie bestimmen, wie dieser Text im Verhältnis zur Grafik plaziert werden soll.

Beispiele:

<img src="datei.gif" align=top>Beschriftungstext
<img src="datei.gif" align=middle>Beschriftungstext
<img src="datei.gif" align=bottom>Beschriftungstext

Erläuterung:

Mit dem Attribut align= erreichen Sie, daß nachfolgender Text als Beschriftungstext der Grafik interpretiert wird, und mit den möglichen Wertzuweisungen richten Sie den Beschriftungstext neben der Grafik aus (align = Ausrichtung).

Mit align=top wird der folgende Text als Beschriftungstext obenbündig zur Grafik interpretiert (top = oben).
Mit align=middle wird der folgende Text als Beschriftungstext mittig zur Grafik interpretiert (middle = mittig).
Mit align=bottom wird der folgende Text als Beschriftungstext untenbündig zur Grafik interpretiert (bottom = unten).

Beachten Sie:

Nur der unmittelbar folgende Text gilt als Beschriftungstext - und zwar nur der Text, der neben die Grafik noch in eine Zeile paßt. Text, der darüber hinausreicht, wird unterhalb der Grafik angezeigt. Da Sie die Anzeigefenstergröße des Anwenders nicht kennen, ist dieser HTML-Befehl in seiner Auswirkung kaum kontrollierbar. Um sauberer zu arbeiten, können Sie  blinde Tabellen zum Nebeneinanderstellen von Grafik und Text verwenden.

Sie können auch den  Abstand zwischen Grafik und Text kontrollieren.

 

Netscape3.0 Speziellere Plazierung der Grafikbeschriftung

Beispiel Anzeigebeispiel: So sieht's aus

Es gibt weitere, speziellere Befehle zur Plazierung von Grafikbeschriftung. Probieren Sie diese Befehle mal aus, wenn der Beschriftungstext unterschiedlich groß ist, z.B. durch Angabe von  Schriftgrößen oder Style-Sheet-Angaben.

Beispiele:

<img src="datei.gif" align=texttop>Beschriftungstext
<img src="datei.gif" align=absmiddle>Beschriftungstext
<img src="datei.gif" align=absbottom>Beschriftungstext
<img src="datei.gif" align=baseline>Beschriftungstext

Erläuterung:

Mit align=texttop richten Sie den Beschriftungstext obenbündig zur Grafik aus, und zwar an der Oberkante des kleinsten folgenden Textes (texttop = oben am Text).
Mit align=absmiddle richten Sie den Beschriftungstext absolut mittig zur Grafik aus, auch bei unterschiedlichen Textgrößen (absmiddle = absolute middle = in jedem Fall mittig).
Mit align=absbottom richten Sie den Beschriftungstext untenbündig zur Grafik aus, und zwar an der Unterkante des kleinsten folgenden Textes (absbottom = absolute bottom = in jedem Fall untenbündig).
Mit align=baseline richten Sie den Beschriftungstext genauso aus wie mit der Standardangabe align=bottom. Benutzen Sie deshalb besser die Standardangabe.

Beachten Sie:

Diese Angaben gehören nicht zum offiziellen HTML-Standard.

Sie können auch den  Abstand zwischen Grafik und Text kontrollieren.


 
weiter: Text um Grafiken fließen lassen
zurück: Breite und Höhe von Grafiken
 

SELFHTML/Quickbar  HTML  Grafik in HTML

© 1998  Stefan Münz, muenz@csi.com