SELFHTML/Quickbar HTML Grafik in HTML

| ## Text um Grafiken fließen lassen
| Grafik mit umfließendem Text einbinden Textfortsetzung unterhalb der Grafik erzwingen

## Grafik mit umfließendem Text einbinden

Anzeigebeispiel: So sieht's aus

Grafiken, die Sie mit dem `<img>`-Tag referenzieren, können Sie links oder rechts ausrichten. Der umgebende Text fließt dabei um die Grafik.

### Beispiel 1:

    <img src="datei.gif" align=left>Text, der rechts um die links ausgerichtete Grafik fließt

### Beispiel 2:

    <img src="datei.gif" align=right>Text, der links um die rechts ausgerichtete Grafik fließt

### Erläuterung:

Mit den Angaben `align=left` bzw. `align=right` veranlassen Sie den Browser, die Grafik linksbündig bzw. rechtsbündig auszurichten und den darauffolgenden Fließtext rechts bzw. links neben der Grafik anzuzeigen und um die Grafik herumfließen zu lassen (align = Ausrichtung, left = links, right = rechts).

### Beachten Sie:

Der umgebende Text kann verschiedene Elemente enthalten, zum Beispiel auch Überschriften oder Listen.

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

Um Grafiken auszurichten, ohne den folgenden Text um die Grafik fließen zu lassen, notieren Sie vor und hinter der Grafik entsprechende Textabsätze (Absatzschaltungen) - zum Beispiel durch `<p><img src="datei.gif"><p>` oder `<p align=center><img src="datei.gif"><p>`.

## Textfortsetzung unterhalb der Grafik erzwingen

Anzeigebeispiel: So sieht's aus

Manchmal möchten Sie vielleicht nur zwei oder drei Zeilen kommentierenden Text neben der Grafik haben und den folgenden Text dann unterhalb der Grafik fortsetzen. Dazu müssen Sie einen speziellen Umbruch erzwingen, der den Textfluß neben der Grafik unterbricht und stattdessen unterhalb der Grafik fortfährt.

### Beispiel:

    <title>Titel der Datei</title>
    <img src="datei.gif" align=left>Text, der um die Grafik fließt<br clear=all>
    und Text, der unterhalb der Grafik weitergeht

### Erläuterung:

Wenn Sie mit `align=left` oder `align=right` darauffolgenden Text um eine Grafik fließen lassen, können Sie innerhalb des umfließenden Textes die Angabe `<br clear=all>` notieren, um den Textfluß zu unterbrechen und unterhalb der Grafik fortzufahren (br = break = Umbruch, clear = löschen, all = alles).

### Beachten Sie:

Neben `<br clear=all>` sind auch die Angaben `<br clear=left>` und `<br clear=right>` erlaubt. Experimentieren Sie mit diesen Angaben, wenn `<br clear=all>` nicht den gewünschten Effekt bringt.

weiter: | Abstand zwischen Grafik und Umgebung
zurück: | Grafiken beschriften

SELFHTML/Quickbar HTML Grafik in HTML

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