|
Sie werden durch <hx>-Tags gekennzeichnet und erlauben die hierarchische Gliederung von Texten. Nach Überschriften wird ein Zeilenumbruch eingefügt. Es gibt einige zulässige und auch sinnvolle Attribute:
Die Ausrichtung der Überschriften wird mit align="left/center/right/justify" direkt innerhalb der öffnenden Hx-Klammer angegeben. Dabei erklären sich die drei ersten Angaben von selbst. "Justify" steht für Blocksatz. Notwendige Anmerkung: Überschriften sollen von Suchmaschinen auswertbar sein, es empfiehlt sich, sie so kurz und treffend wie möglich zu formulieren. Die Ausrichtung betrifft entweder die Seite (den zugänglichen Fensterbereich) oder, wie im folgenden Beispiel, die Tabellenzelle. Zusätzliche Informationen lassen sich mit dem <title>-Tag zuordnen. Je nach Browser wird der angegebene Text als Tool-Tip-Text, in der Fußleiste oder auch
gar nicht angezeigt. Probieren sie in der Tabelle die Überschrift
6!
Die Schriftfarbe kann mit dem eingefügten
<font>-Tag verändert werden.
Überschrift 1
|
<h1><font color="red">
Überschrift 1
</font></h1> |
Überschrift 2
|
<h2 >
Überschrift 2
</h2> |
Überschrift 3
|
<h3 align="center">
Überschrift 3
</h3> |
Überschrift 4
|
<h4 align="right">
Überschrift 4
</h4> |
Überschrift 5
|
<h5>
Überschrift 5
</h5> |
Überschrift
6
|
<h6 title="Ich bin auch noch da!">
Überschrift 6
</h6> |
Es gibt einige wichtige Tags für die Gliederung
von Texten, die in der folgenden Tabelle aufgelistet sind.
Gliederungselement |
Tag |
Erläuterung |
Dokumentenabschnitt |
<span>...
</span> |
Definition eines Dokumentenbereiches,
der einheitliche Formatierungsmerkmale erhält und
mehrere Absätze, Grafiken, Tabellen, Listen etc.
enthalten kann. Dazu können in Style-Vorlagen die
erforderlichen Formatieranweisungen zentral festgelegt
werden. |
Absatz |
<p> ...</p> |
Der Text innerhalb des <p>-Containers
wird bei der Anzeige passend zum Anzeigebereich (Fenster,
Tabellenzelle) jeweils neu umgebrochen. Nach diesem
Text folgt automatisch eine Leerzeile. |
Dokumentenabschnitt |
<div>...
</div> |
Definition eines Dokumentenbereiches,
der einheitliche Formatierungsmerkmale erhält und
mehrere Absätze, Garfiken, Tabellen, Listen etc.
enthalten kann. |
erzwungener Zeilenwechsel |
<br> |
|
verhinderter Umbruch |
<nobr>...</nobr> |
Der Text wird in voller Breite dargestellt,
das Fenster wird notfalls ausgedehnt und mit einer Scroll-Leiste
ausgestattet. |
Umbruch anbieten |
<wbr> |
Vorschlag für eine Stelle, an der
umgebrochen werden kann |
Die Ausrichtung von Texten aber auch Grafiken, Tabellen,
Listen und Formularelementen ist etwas kompliziert.
Die horizontale Ausrichtung erreicht
man, wenn von links nach rechts laufende Schrift eingestellt
ist, wie folgt:
links: Keine Maßnahme, die Schrift
oder das eingefügte Element wird automatisch auf linken
Anschlag gesetzt
mittig: Entweder funktioniert das Attribut
"align=center" oder man nutzt das <center>...</center>
Tag
rechts: Entweder funktioniert das Attribut
"align=right" oder man nutzt das <div align=right>...</div>
Tag.
Eine vertikale Ausrichtung gibt es eigentlich nicht.
Alle Browser arbeiten zeilenorientiert, stellen also von
oben nach unten dar (es sei denn, die altkrabylonische Schrift
verlange es anders). Wer nun bei dem Attribut "align"
so etwas wie "top" oder "bottom" entdeckt,
denkt falsch. Vertikale Ausrichtung gibt es für Text
neben Bildern, die ja meist den Platz mehrerer Zeilen
beanspruchen. Zumindest der Netscape Navigator kennt hier
einige Möglichkeiten:
|
|
|