SELFHTML/Navigationshilfen HTML/XHTML Elemente zur Textstrukturierung| SELFHTML/Navigationshilfen HTML/XHTML Elemente zur Textstrukturierung |
 |
Überschriften |
|
|
 | |
Überschriften definierenHTML unterscheidet 6 Überschriftenebenen, um Hierarchieverhältnisse in Dokumenten abzubilden.
Anzeigebeispiel: So sieht's aus
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Text des Titels</title>
</head>
<body>
<h1>Überschrift 1. Ordnung</h1>
<h2>Überschrift 2. Ordnung</h2>
<h3>Überschrift 3. Ordnung</h3>
<h4>Überschrift 4. Ordnung</h4>
<h5>Überschrift 5. Ordnung</h5>
<h6>Überschrift 6. Ordnung</h6>
</body>
</html>
|
<h[1-6]> (h = heading = Überschrift) leitet eine Überschrift ein. Die Nummer steht
für die Überschriftenebene. 1 ist die höchste Ebene, 6 die niedrigste.
Dahinter folgt der Text der Überschrift.
</h[1-6]> beendet die Überschrift und steht am Ende des
Überschriftentextes.
Die Nummern bei einleitendem und abschließendem Tag müssen gleich sein.
Jede Überschrift ist ein eigener Absatz, d.h. vor und nach
Überschriften sind keine 
Absatzschaltungen
nötig. Beim Überschriftentext gelten die Aussagen zu Zeichenvorrat, Sonderzeichen und HTML-eigene Zeichen.
|
Überschriften ausrichtenÜberschriften werden linksbündig ausgerichtet, wenn Sie nichts anderes angeben. Sie können eine Überschrift zentriert oder rechtsbündig ausrichten. Auch Blocksatz ist möglich.
Anzeigebeispiel: So sieht's aus
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Text des Titels</title>
</head>
<body>
<h1 align="center">Überschrift 1. Ordnung zentriert</h1>
<h2 align="center">Überschrift 2. Ordnung zentriert</h2>
<h3 align="center">Überschrift 3. Ordnung zentriert</h3>
<h1 align="right">Überschrift 1. Ordnung rechtsbündig</h1>
<h2 align="right">Überschrift 2. Ordnung rechtsbündig</h2>
<h3 align="right">Überschrift 3. Ordnung rechtsbündig</h3>
</body>
</html>
|
Durch die Angabe align="center" im
einleitenden Überschriften-Tag erreichen Sie, dass die Überschrift zentriert
ausgerichtet wird (align = Ausrichtung, center = zentriert). Mit der Angabe align="right"
wird die Überschrift rechtsbündig ausgerichtet (right = rechts). Mit align="justify" erzwingen Sie den Blocksatz für die Überschrift (justify = justieren). Mit der Angabe align="left" können Sie die Normaleinstellung (linksbündige Ausrichtung) angeben.
Nicht alle Browser beherrschen den Blocksatz. Blocksatz ist im Zusammenhang mit Überschriften auch nur bedingt praxistauglich, da Blocksatz erst bei mehrzeiligen Texten zum Tragen kommt.
align ist im HTML-4-Standard als deprecated (missbilligt) eingestuft. Stattdessen wird empfohlen, CSS Stylesheets zu benutzen, z.B.: <h1 style="text-align:center">...</h1>. Weitere Hinweise siehe folgender Abschnitt.
|
|
Überschriften formatieren mit CSSWie eine Überschrift vom Browser genau dargestellt wird, darauf haben Sie mit HTML keinen Einfluss. Die Browser benutzen Default-Formatierungen, um Überschriften darzustellen. Mit 
CSS Stylesheets können Sie Überschriften jedoch nach Wunsch formatieren. Bei Verwendung von CSS Stylesheets müssen Sie zunächst wissen, wie man CSS-Formate definieren kann. Anschließend sind Sie in der Lage, CSS-Eigenschaften anzuwenden. Maßgeblich sind im hier beschriebenen Zusammenhang folgende CSS-Eigenschaften:
Schriftformatierung
Ausrichtung und Absatzkontrolle
Außenrand und Abstand
Innenabstand
Rahmen
Hintergrundfarben und -bilder
Anzeigebeispiel: So sieht's aus
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Text des Titels</title>
</head>
<body>
<h1 style="font-size:36pt; color:red">Überschrift 1. Ordnung</h1>
</body>
</html>
|
Im Beispiel wird eine Überschrift 1. Ordnung definiert, die 36 Punkt Schriftgröße hat und in roter Farbe dargestellt wird.
|
|
In der HTML-Referenz finden Sie Angaben darüber, wo Überschriften vorkommen dürfen, welche anderen Elemente sie enthalten dürfen, welche Attribute sie haben können und was bei den einzelnen Attributen zu beachten ist:
Element-Referenz für Überschriften
Attribut-Referenz für Überschriften
|
| |
 |
Textabsätze
|
 |
Hintergrundmusik
|
| SELFHTML/Navigationshilfen HTML/XHTML Elemente zur Textstrukturierung |
© 2001 
selfhtml@teamone.de