Verlauf
Alle Kapitel anzeigen
voriges Kapitel
Für eine übersichtliche Struktur einer Webseite ist die Textgestaltung von maßgeblicher Bedeutung. In HTML gibt es einige Elemente, welche die Strukturierung von Texten erleichtern bzw. ermöglichen:
Absätze
Textabsätze beginnen nach einem <p>-Tag und werden von einem </p>-Tag abgeschlossen. Sie werden durch einen Abstand vor- und nachher von anderen Elementen optisch getrennt. Textabsätze können mit CSS formatiert werden.
Zeilenumbruch
Wenn Sie keinen Abstand zwischen zwei Zeilen, sondern nur eine neue Zeile beginnen wollen, so verwenden Sie den <br>-Tag. Dieser bewirkt einen (expliziten) Zeilenumbruch.
Normalerweise wird Text in einem Browser automatisch umbrochen, je nachdem, wie groß das Browserfenster ist. Wenn Sie in einem Textabschnitt diesen (automatischen) Zeilenumbruch verhindern möchten, so setzen Sie ihn zwischen <nobr> und </nobr>. Wenn Sie nur den automatischen Zeilenumbruch zwischen zwei Wörtern verhindern wollen, so setzen Sie dazwischen ein geschütztes Leerzeichen durch die Angabe der Zeichenfolge - dies kann beispielsweise bei Währungsangaben (€ 20,-) o.ä. sinnvoll sein.
Überschriften
Eine einfache aber sehr wirkungsvolle Möglichkeit der Textstrukturierung ist das setzen von Überschriften. Diese werden durch den Tag <h1> </h1> (Überschrift der Ebene 1; lässt sich untergliedern bis zur Ebene 6) gekennzeichnet. Text, der als Überschrift markiert ist, wird mit Abstand (nach oben und unten) vom restlichen Text, fettgedruckt und größer dargestellt. Die Darstellungsform kann jedoch mit CSS-Angaben selbst angepasst werden.
Listen
Ebenfalls zur Strukturierung trägt der Einsatz von Listen bei. Dabei gibt es verschiedene Varianten von Listen, die durch bestimmte Tags gekennzeichnet werden:
- Aufzählungslisten oder ungeordnete Listen - sind mit sog. Bullets (Aufzählungszeichen) versehen
- Nummerierte Listen - Eintragungen werden automatisch durchnummeriert
- Definitionslisten - gemacht für Glossare: je ein Ausdruck und (eingerückt) die Definition
Auch listen können mit CSS formatiert werden: z. B. Art der Bullets defnieren (auch eigene Grafiken), Nummerierung arabisch, römisch etc.
Grundregeln
Beachten Sie auch einige Grundregeln für gelungene Textgestaltung:
- Wählen Sie keine zu kleine Schriftgröße.
- Achten Sie auf guten Kontrast für Textbereiche.
- Gliedern Sie längere Texte optisch durch Absätze.
- Wählen Sie Textspalten nicht zu breit. Je breiter die Spalte, desto größer der Zeilenabstand.
- Setzen Sie Zwischenüberschriften ein.
- Markieren Sie wichtige Wörter durch Fettdruck, Farbe o. ä.
