HTML-Grundlagen: Formatierung, Absätze und Tabellen

HTML-Formatierung: Konsistenz für Content-Seiten

Da Formate nicht für alle Content-Seiten identisch sind, ist es wichtig, das Aussehen des HTML-Textes gezielt anzupassen. Wir können verschiedene Formate definieren – von der Schriftart und -farbe bis hin zur Gestaltung ganzer Textblöcke.

Absatzstile (Paragraph Styles)

Diese Stile wirken sich direkt auf den Absatz aus:

• <p>: Wird verwendet, um einen Absatz zu definieren. Er fügt automatisch eine leere Zeile vor dem Text ein.

Textausrichtung mit ALIGN

Mit dem Attribut ALIGN lässt sich der Text innerhalb eines Absatzes ausrichten:

• left: Linksbündig
• right: Rechtsbündig
• center: Zentriert
• justify: Blocksatz (beidseitiger Randausgleich)

Die Neuausrichtung betrifft dabei immer den gesamten eingeschlossenen Textblock.

Überschriften in HTML

HTML bietet sechs verschiedene Ebenen für Überschriften (<h1> bis <h6>), um Inhalte strukturiert darzustellen.

Strukturierung mit Tabellen

Lange Texte auf einem Bildschirm können ermüdend wirken. Um Inhalte übersichtlich zu verteilen und eine kompakte Darstellung zu vermeiden, sind Tabellen ein bewährtes Mittel. Eine Tabelle besteht aus einer Sammlung von Zeilen und Spalten, deren Schnittpunkte als Zellen bezeichnet werden. In diesen Zellen können sowohl Text als auch Bilder platziert werden.

Tabellen definieren und gestalten

Tabellen können verschachtelt werden, und Zellen lassen sich gruppieren, um ein Layout ähnlich wie in Magazinen zu erzielen. Bei der Definition einer Tabelle legen wir die Zeilen fest und bestimmen innerhalb dieser die Eigenschaften der Zellen:

• Grenzen (Borders)
• Hintergrundfarben
• Zellabstände (Margins und Padding)

Die Definition der Zeilen beginnt mit dem Tag <tr> und endet mit </tr>, wobei die Zellen innerhalb dieser Tags platziert werden.