Formatierungen
Überschriften
HTML unterscheidet 6 Hierarchiestufen bei Überschriften, und zwar von <h1> bis <h6>.
Prinzipiell werden Überschriften linksbündig ausgerichtet. Es können aber alternativ die Attribute "center" oder "right" verwendet werden, um Überschriften zu zentrieren oder um sie rechtsbündig auszurichten.
 Zur Navigation |
Zum Inhalt |
Absätze
Ein Absatz wird durch den einleitenden Tag <p> und den ausleitenden Tag </p> gekennzeichnet.
Absätze dienen zur weiteren optischen Gliederung von Texten, da
harte Zeilenschaltungen im Quellcode von den Browsern ignoriert werden.
Text, der innerhalb eines Absatzes (Englisch: Paragraph) steht, wird als zusammen hängender Block ohne Leerzeilen betrachtet.
Die Ausleitung des Tags ist nicht zwingend erforderlich, <p> kann also alleine stehen; jedoch sollte ein Absatz schon aus Gründen der Übersichtlichkeit auch wieder beendet werden.
Im Browser wird ein Absatz mit einem Leerraum davor und danach dargestellt.
Die Ausrichtung eines Absatzes erfolgt wie bei Überschriften, zum Beispiel mit:
<p align=center> - für einen zentrierten Absatz</p> oder
<p align=right> - für einen rechtsbündigen Absatz</p>
| Zur Navigation |
Zum Inhalt |
Zeilenumbrüche
Zeilenumbrüche dienen der weiteren optischen Gliederung und werden durch den Tag <br> dargestellt.
Der Tag steht alleine, braucht also nicht geschlossen zu werden und bewirkt eine einfache Zeilenschaltung im Text, jedoch keine Leerzeile.
Zu beachten ist auch, dass diesem Tag weder Schriftattribute noch Farben zugewiesen werden können, weil es sozusagen keinen Gültigkeitsbereich gibt.
| Zur Navigation |
Zum Inhalt |
Verhindern von Zeilenumbrüchen
Soll ein Zeilenumbruch unter allen Umständen vermieden werden, wird der Tag <nobr> ... </nobr> verwendet.
Bei einer Änderung der Fenstergröße durch die UserInnen wird dann die Zeile nicht umgebrochen. Dies ist sinnvoll, wenn man beispielsweise die Syntax für einen Programmcode wiedergeben möchte.
Bei Einsatz dieses Befehls ist jedenfalls Vorsicht geboten, denn dadurch wird möglicherweise horizontales Scrolling notwendig, wenn sich überlange Zeilen ergeben.
Der Tag ist nicht offizieller Standard.
| Zur Navigation |
Zum Inhalt |
"Originaldarstellung"
Es gibt auch ein besonderes Absatzformat, welches die Darstellung des Textes am Bildschirm in jener Formatierung erlaubt, wie sie im Quelltext, also im Editor, geschrieben wurde. Dieses Absatzformat wird mit dem Tag <pre> ein- und mit </pre> ausgeleitet (Englisch: Preformatted).
Dies ist eine weitere Möglichkeit, vorformatierten Text im Browser darzustellen. Dabei werden Leerzeichen ebenso übernommen wie Zeilenumbrüche oder mehrfache Zeilenschaltungen.
Mit der Sprache HTML können jedoch diesem Absatzformat keine weiteren Attribute wie etwa für Schriftart und Schriftgröße, Schriftauszeichnung oder Farbe zugewiesen werden. Die Einsatzmöglichkeit ist daher begrenzt.
| Zur Navigation |
Zum Inhalt |
Geschützte Leerzeichen
Wenn an bestimmten Stellen im Text kein Zeilenumbruch erfolgen darf, wie in Datumswerten, zwischen dem Währungszeichen und dem Betrag etc., kann der Leerraum mit geschützt werden.
| Zur Navigation |
Zum Inhalt |
Anmerkung:
Sie kennen jetzt den Aufbau einer HTML-Datei und wissen, wie man Texte übersichtlich formatieren kann. Unser Grundgerüst könnte nun folgendermaßen aussehen:
Beispiel erweitertes HTML-Grundgerüst:
<head>
<title> ... </title>
</head>
<body>
<h1> ... </h1>
<p> ... </p>
<h2> ... </h2>
<p> ... >/p>
</body>
</html>
Künftig werden Sie selbst in der Lage sein zu entscheiden, welche Format-Befehle Sie in Ihr persönliches Grundgerüst einfügen möchten und welche Sie lieber bei Bedarf hinzufügen.
Beispiel erweitertes HTML-Grundgerüst
| Weiter |
Zur Navigation |
Zum Inhalt |