HTML-Dateien selbst erstellen: Inhaltsverzeichnis | Gestaltungselemente

Absätze, Zeilenumbrüche und Tabulatoren

Einfache Absätze
Absätze zentriert oder rechts ausrichten
Mehrere Absätze und andere 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>
<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 <p> 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 <p> und am Absatzende ein abschließendes Tag </p> (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: Inhaltsverzeichnis | Gestaltungselemente | 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.

HTML-Dateien selbst erstellen: Inhaltsverzeichnis | Gestaltungselemente | Absätze, Zeilenumbrüche und Tabulatoren

Mehrere Absätze und andere Elemente zentriert ausrichten

 Die folgende Möglichkeit wird bisher nur von wenigen WWW-Browsern interpretiert, meines Wissens nur von Netscape .

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: Inhaltsverzeichnis | Gestaltungselemente | 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.
<br> 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: Inhaltsverzeichnis | Gestaltungselemente | Absätze, Zeilenumbrüche und Tabulatoren

Automatischen Zeilenumbruch verhindern

 Normalerweise brechen WWW-Browser den Text automatisch um. Bei Netscape können Sie 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>

<nobr> bewirkt, daß der auf das Tag folgende Text von Netscape nicht umgebrochen wird. Am Ende des Textabschnitts, der nicht umgebrochen werden soll, notieren Sie das Tag </nobr>.

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>

<wbr> bewirkt einen Zeilenumbruch innerhalb von Textabschnitten, die durch <nobr> bzw. </nobr> markiert sind.

Mit <nobr> und <wbr> 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: Inhaltsverzeichnis | Gestaltungselemente | 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.

HTML-Dateien selbst erstellen: Inhaltsverzeichnis | Gestaltungselemente | Absätze, Zeilenumbrüche und Tabulatoren

Tabulatoren

 Ab HTML 3.0 ist es endlich möglich, mit Tabulatoren zu arbeiten.

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 ausgereichtet.
  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: Inhaltsverzeichnis | Gestaltungselemente | Absätze, Zeilenumbrüche und Tabulatoren