| HTML-Dateien selbst erstellen
|  | Dokumentation: HTML
|  |  | Absatztypen und Textgestaltung

# Größere Textabschnitte ausrichten

Größere Textabschnitte zentrieren
Größere Textabschnitte ausrichten (allgemein)

## Größere Textabschnitte zentrieren

Anzeigebeispiel: So sieht's aus

Sie können mehrere Absätze, bestehend aus ganz verschiedenen Elementen wie Text, Grafiken, Tabellen usw. gemeinsam zentriert ausrichten.

#### Beispiel:

    <center>
    <h1>Der Mond - eine Überschrift</h1>
    <img src="mond.jpg" align=middle> Ein Bild vom Mond
    <p>
    Ein erklärender Text zum Mond, und alles wird zentriert
    </center>

#### Erläuterung:

Mit dem Tag <center> wird alles, was folgt, zentriert ausgerichtet (center = zentriert). Das können Überschriften, Text, Grafiken oder Tabellen sein. Mit dem abschießenden Tag </center> beenden Sie die Zentrieranweisung.

## Größere Textabschnitte ausrichten (allgemein)

Anzeigebeispiel: So sieht's aus

Sie können mehrere Absätze, bestehend aus ganz verschiedenen Elementen wie Text, Grafiken, Tabellen usw. gemeinsam ausrichten, und zwar linksbündig, zentriert oder rechtsbündig.

#### Beispiel:

    <div align=center>
    <h1>Der Mond - eine Überschrift</h1>
    <img src="mond.jpg" align=middle> Ein Bild vom Mond
    <p>
    Ein erklärender Text zum Mond, und alles wird zentriert
    </div>
    <div align=right>
    <i>&copy 1997 by Josua Piesepampel</i>
    </div>

#### Erläuterung:

Mit <div ...> leiten Sie einen Abschnitt ein, den Sie gesondert ausrichten wollen (div = division = Abschnitt). Hinter dem einleitenden Tag folgt die Zusatzangabe align= und dahinter die gewünschte Ausrichtung. Mit align=center richten Sie folgende Elemente zentriert aus (align = Ausrichtung, center = zentriert), mit align=right rechtsbündig (right = rechts). Mit align=left erzwingen Sie die linksbündige Ausrichtung von Elementen (Voreinstellung).

Zwischen dem einleitenden <div>-Tag und dem abschließenden Tag </div> notieren Sie die Elemente, die von der Formatierung betroffen sein sollen.

#### Beachten Sie:

Das <div>-Tag ist eine Erweiterung des <center>-Tags. Das <div>-Tag ist leistungsfähiger, wird jedoch von weniger WWW-Browsern unterstützt als das ältere <center>-Tag. Netscape und Microsoft Internet Explorer beherrschen die Anweisung in den neueren Versionen.

| Blättern: |
Schriftgröße, Schriftfarbe, Schriftart |  |  | Trennlinien

| HTML-Dateien selbst erstellen
|  | Dokumentation: HTML
|  |  | Absatztypen und Textgestaltung