2.5.1 Überschrift (heading)

• 1 Allgemein
• 2 Formatierung mit HTML
• 3 Formatierung mit Stylesheets
• 4 Automatische Numerierung

-

1 Allgemein

a) Bezeichnungen

• heading = Überschrift
  (nicht zu verwechseln mit "head" = Kopf oder Kopfdaten)

b) Ordnung der Überschriften

Es sind Überschriften bis 1. bis 6. Ordnung möglich

c) Formatierung der Überschriften

1) Angaben der Überschriften im Quelltext:

<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>

2) Darstellung im HTML-Dokument:

Überschrift 1. Ordnung

Überschrift 2. Ordnung

Überschrift 3. Ordnung

Überschrift 4. Ordnung

Überschrift 5. Ordnung

Überschrift 6. Ordnung

-

2 Formatierung mit HTML

e) Workshops

• SELFHTML: Überschriften
  SELFHTML: Beispiel

-

3 Formatierung mit Stylesheet

Wenn ein Stylesheet zur Formatierung des HTML-Dokumentes verwendet wird, ist hier ein Beispiel einer solchen Formatierung.

h3 {
padding-top:4px;
font-size:1.25em; font-weight:bold; letter-spacing:0.05em;
background:transparent; color:#3333FF;
}

a) Allgemein

Für die Formatierung muss nur noch angegeben werden, was im "body" noch nicht für das ganze Dokument festgelegt wurde.

b) Schriftgröse (font-size)

Beispiel:

h1{font-size:1.69em;font-weight:bold;
letter-spacing:0.1em; color:red;}
h2{font-size:1.44em;font-weight:bold;
letter-spacing:0.1em; color:blue;}
h3{font-size:1.25em;font-weight:bold;
letter-spacing:0.1em; color:green;}
h4{font-size:1.12em;font-weight:bold;
letter-spacing:0.05em; color:maroon;}
h5{font-size:1em;font-weight:bold;
letter-spacing:0.05em; color:orangered;}
h6 {font-size:1em;font-weight:bold;
letter-spacing:0.05em; color:fuchsia;}

-

4 Automatische Nummerierung

Bemerkung: Dieser Abschnitt soll erst in Betracht gezogen werden, wenn CSS, Pseudoelemente und Pseudoklassen behandelt wurden.

• Eine erweiterte Syntax der Pseudoelemente :before, :after erlaubt auch die automatische Nummerierung von Elementen, z.B. für Kapitelüberschriften.
• Die automatische Nummerierung wird bislang weder von Netscape, Mozilla Firefox, Internet Explorer, noch von Safari unterstützt, wohl aber von Opera und Konqueror.
• Die automatische Nummerierung wurde in dieser Anleitung nicht angewendet.

• SELFHTML: Automatische Nummerierung
  SELFHTML: Beispiel: 1 Überschrift erster Ordnung

↑