SELFHTML/Quickbar HTML Grafik in HTML

| ## Grafiken beschriften
| Grafikbeschriftung oben, mittig, unten Speziellere Plazierung der Grafikbeschriftung

## Grafikbeschriftung oben, mittig, unten

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.

## Speziellere Plazierung der Grafikbeschriftung

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