Absätze, Zeilenumbrüche und Tabulatoren

Einfache Absätze

Absätze zentriert oder rechts ausrichten

Mehrere Elemente zentriert ausrichten

Erzwungene Zeilenumbrüche

Automatischen Zeilenumbruch verhindern

Absatzeigenschaften (Abstand, Schriftart usw.)

Tabulatoren

Einfache Absätze

Absätze dienen der optischen Gliederung eines Textes. Beim Erstellen von HTML-Dateien genügt es nicht, im Editor einen harten Umbruch einzufügen. WWW-Browser ignorieren solche Umbrüche. Browser fügen nur dann Umbrüche bei der Textpräsentation ein, wenn sie auf einen entsprechenden HTML-Befehl stoßen.

Beispiel


  Hier ist ein Absatz zu ende.
  <p>
  Hier beginnt ein neuer Absatz.

oder:


  <p>Das ist ein Absatz.</p>  
  <p>Das ist der n&auml;chste Absatz.</p>

 fügt eine Absatzschaltung ein. Dabei ist es egal, ob das Tag am Ende der Zeile des vorherigen Absatzes steht, oder in einer eigenen Zeile (wie im ersten Beispiel), oder am Anfang des folgenden Absatzes.

Normalerweise kann das Tag  alleine stehen. Sehr simple Browser mit wenig Intelligenz können jedoch Schwierigkeiten bekommen, wenn sie kein abschließendes Absatz-Tag finden. Wenn Sie sicher gehen wollen, notieren Sie zu Beginn eines Absatzes ein einleitendes Tag  und am Absatzende ein abschließendes Tag  (wie im zweiten Beispiel).

Absatzschaltungen funktionieren im normalen Fließtext, aber auch in speziellen Absatzformen wie Listen oder Zitaten, ferner innerhalb von Tabellenzellen und sogar innerhalb von Überschriften.

HTML-Dateien selbst erstellen
Absätze, Zeilenumbrüche und Tabulatoren

Absätze zentriert oder rechts ausrichten

Absätze werden linksbündig ausgerichtet, wenn Sie nichts anderes angeben. Sie können einen Absatz auch zentriert oder rechtsbündig ausrichten.

Beispiel


  <p align=center>Dieser Absatz wird zentiert ausgerichtet.
  <p align=right>Dieser Absatz wird rechts ausgerichtet.

Durch die Angabe align=center im einleitenden Tag erreichen Sie, daß der folgende Text (Absatz) zentriert ausgerichtet wird. Mit der Angabe align=right wird der folgende Text (Absatz) rechtsbündig ausgerichtet.

Hinweis: Nicht alle Browser beherrschen die rechtsbündige Ausrichtung.

HTML-Dateien selbst erstellen
Absätze, Zeilenumbrüche und Tabulatoren

Mehrere Elemente zentriert ausrichten

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

Beispiel


  <center>
  <h1>Eine Überschrift</h1>
  Normaler Text
  <p>
  <img src="beispiel.gif"> (Ein Bild)
  </center>

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

HTML-Dateien selbst erstellen
Absätze, Zeilenumbrüche und Tabulatoren

Erzwungene Zeilenumbrüche

Innerhalb von normalen Absätzen, speziellen Absatzformen wie Listen, sowie in Überschriften oder Tabellenzellen können Sie an einer gewünschten Stelle einen Zeilenumbruch erzwingen.

Beispiel


  Hier ist eine Zeile zu ende.<br>
  Hier beginnt eine neue Zeile.

  fügt an der gewünschten Stelle einen Zeilenumbruch ein. Dabei ist es egal, ob das Tag am Ende vorherigen Zeile steht (wie im Beispiel), oder in einer eigenen Zeile, oder am Anfang der folgenden Zeile.

HTML-Dateien selbst erstellen
Absätze, Zeilenumbrüche und Tabulatoren

Automatischen Zeilenumbruch verhindern

Normalerweise brechen WWW-Browser den Text automatisch um. Sie können diese Automatik verhindern. Der Anwender kann dann mit der horizontalen Scroll-Leiste die überlangen Textzeilen anzeigen.

Beispiel


  <nobr>Dies ist eine sehr lange Zeile. Benutzen Sie die horizontale Scroll-Leiste, um den gesamten Text dieser Zeile anzuzeigen. Sinnvoll ist dieses Feature nur in Ausnahmefällen.</nobr>

 bewirkt, daß der auf das Tag folgende Text nicht umgebrochen wird. Am Ende des Textabschnitts, der nicht umgebrochen werden soll, notieren Sie das Tag .

Innerhalb von Textabschnitten, in denen Sie mit nobr arbeiten, können Sie dennoch einen Zeilenumbruch erzwingen.

Beispiel


  <nobr>Dies ist ein nobr-Textabschnitt. Doch an der folgenden Stelle <wbr>
  erfolgt trotzdem ein Zeilenumbruch.</nobr>

 bewirkt einen Zeilenumbruch innerhalb von Textabschnitten, die durch  bzw.  markiert sind.

Mit  und  können Sie Zeilenlängen und Umbrüche unabhängig von dem Anzeigefenster des Anwenders definieren.

Tip: Wenn Sie Textzeilen unabhängig vom der Anzeigefenster des Anwenders genau kontrollieren wollen und netscape-unabhängig arbeiten wollen, können Sie präformatierten Text einsetzen.

HTML-Dateien selbst erstellen
Absätze, Zeilenumbrüche und Tabulatoren

Absatzeigenschaften (Abstand, Schriftart usw.)

Das genaue Formatieren von Absätzen wird ab HTML 3.0 über

separate Style-Sheet-Dateien gelöst. Die genaue Spezifikation für solche Style-Sheet-Dateien stand zum Redaktionsschluß dieses Dokuments noch nicht fest. Der UDI WWW-Browser interpretiert solche Eigenschaften bereits, soweit sich ein Standard abzeichnet.

HTML-Dateien selbst erstellen
Absätze, Zeilenumbrüche und Tabulatoren

Tabulatoren

Ab HTML 3.0 ist es endlich möglich, mit Tabulatoren zu arbeiten. Der UDI WWW-Browser kann bereits Tabulatoren interpretieren.

Tabulator-Position im Fließtext definieren

Sie können mitten im Text eine Tabulatorposition definieren, um an einer anderen Stelle im Text einen Tabulator zu dieser Tabulatorposition setzen.

Beispiel


  Das ist ganz normaler <tab id=t1>Text.

Mit <tab id= > (ID-Name, sinnvollerweise t1, t2, t3 usw.) definieren Sie eine Tabulatorposition im Text. Die definierte Tabulatorposition gilt in der gesamten HTML-Datei, in der sie definiert wird.

Tabulator zu definierter Tabulatorposition setzen

Komplett-Beispiel


  Das ist ganz normaler <tab id=t1>Text.<br>
  <tab to=t1>Und das ist "auf TAB" gesetzter Text

Mit <tab to= > (zuvor definierter ID-Name) setzen Sie einen Tabulator auf eine zuvor definierte Tabulatorposition. Im Beispiel erzielen Sie folgendes Ergebnis:


  Das ist ganz normaler Text.
                        Und das ist "auf TAB" gesetzter Text.

Tabulator von bestimmter Weite setzen

Sie können auch direkt einen Tabulator von bestimmter Weite setzen.

Beispiel


  <tab indent=20>Das ist um 10 Punkt eingerückter Text.

Mit <tab indent= > (Anzahl en, wobei 2 en 1 pt=Punkt entsprechen) setzen Sie einen Tabulator von bestimmter Weite.

Ausgerichtete Tabulatoren (links, rechts, zentriert, dezimal)

Sie können, wie in der Textverarbeitung üblich, links ausgerichtete, zentriert ausgerichtete und rechts ausgerichtete Tabulatoren setzen. Ferner können Sie einen Tabulator als Dezimal-Tabulator definieren, so daß Kommazahlen an der betreffenden Tabulatorposition um das Komma herum ausgerichtet werden.

Beispiele


  Dieser Text <tab to=t1 align=left>beginnt unmittelbar hinter Tabulatorposition t1.
  <tab to=t1 align=center>Dieser Text wird zentriert um t1 ausgerichtet.
  <tab align=right>Dieser Text wird am rechten Rand des Anzeigefensters ausgerichtet.
  DM <tab to=t1 align=decimal>99,80 (das Komma steht genau an t1).

Mit der Angabe align=left beginnt der folgende Text genau links ab einer zuvor definierten Tabulatorposition.
Mit der Angabe align=center wird der folgende Text an einer zuvor definierten Tabulatorposition zentriert ausgerichtet. Wenn Sie keine Tabulatorposition angeben, wird der Text im Anzeigefenster zentriert ausgerichtet.
Mit der Angabe align=right wird der folgende Text rechtsbündig ausgerichtet, und zwar so, daß er links maximal bis zu einer zuvor definierten Tabulatorposition reichen kann. Wenn Sie keine Tabulatorposition angeben, wird der Text im Anzeigefenster rechts ausgerichtet.
Die Angabe align=decimal ist nur bei Kommazahlen wie Geldbeträgen von Bedeutung. Dabei wird der folgende Text (die Kommazahl) genau um das Komma herum ausgerichtet.

HTML-Dateien selbst erstellen
Absätze, Zeilenumbrüche und Tabulatoren