| HTML-Dateien selbst erstellen
|  | Dokumentation: HTML
|  |  | Grafik in HTML

# Abstand zwischen Grafik und umgebendem Text

Abstand zwischen Grafik und Text definieren

## Abstand zwischen Grafik und Text definieren

Anzeigebeispiel: So sieht's aus

Sie können bestimmen, wie groß der Abstand zwischen einer Grafik und ihrer Umgebung sein soll.

#### Beispiel 1:

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

#### Beispiel 2:

    Text über der Grafik
    <p>
    <img src="datei.gif" vspace=30>
    <p>
    Text unter der Grafik

#### Beispiel 3:

    <center>
    Text über der Grafik
    <p>
    Text links von Grafik<img src="datei.gif" align=absmiddle hspace=40 vspace=40>Text rechts von Grafik
    <p>
    Text unter der Grafik
    </center>

#### Erläuterung:

Mit hspace= [Pixel] bestimmen Sie den Abstand zwischen einer Grafik und anderen Elementen links bzw. rechts davon (hspace = horizontal space = horizontaler Abstand).
Mit vspace= [Pixel] bestimmen Sie den Abstand zwischen einer Grafik und anderen Elementen darüber bzw. darunter (vspace = vertical space = vertikaler Abstand).

Beide Angaben sind auch gleichzeitg möglich, so wie im dritten der obigen Beispiele.

#### Beachten Sie:

Die Angabe hspace= betrifft immer den linken und den rechten Randabstand von der Grafik, die Angabe vspace= immer den oberen und den unteren Randabstand. Wenn Sie also beispielsweise bei einer links ausgerichteten Grafik hspace= definieren, wird nicht nur rechts der Grafik zum nebenstehenden Text ein Abstand erzeugt, sondern auch links zum Rand des Anzeigefensters hin.

| Blättern: |
Text um Grafiken fließen lassen |  |  | Ladevorgang für Grafiken optimieren

| HTML-Dateien selbst erstellen
|  | Dokumentation: HTML
|  |  | Grafik in HTML