Publizieren im Web

Hypertext Markup Language
Erweiterungen der Version 3.2

Die HTML-Spezifikation mit dem Namen Wilbur oder HTML 3.2 wurde im Frühjahr 1996 vom W3-Konsortium herausgegeben. HTML 3.2 umfaßt nicht alles, was bei den Entwürfen zu HTML 3.0 bereits diskutiert wurde, und auch nicht alles, was zu diesem Zeitpunkt schon in neueren Browsern (z,B, Netscape 2.0) implementiert war. Es bietet vielmehr eine kompakte und saubere Spezifikation vieler nützlicher Erweiterungen gegenüber dem einzigen HTML-Standard - der Version 2.0 (RFC 1866) und damit eine sichere Basis für das, was man heute für die Gestaltung von HTML-Seiten allgemein verwenden kann.

Die vollständige Original-Dokumentation von Wilbur - HTML 3.2 finden Sie hier als lokale Kopie; sie eignet sich sowohl als Einstiegs- (Überblick) als auch als Referenzinformation (Liste aller Tags). Die Beschreibungen zu den einzelnen Tags beinhalten jeweils einen Referenzteil (Liste aller Attribute, Kontextabhängigkeiten) und einen den möglichen Einsatz erläuternden Text.

Dieses Dokument ist konzipiert als Aufbaumaterial zu der Beschreibung von HTML 2.0 in diesen Kursunterlagen. Es enthält daher nur die Erweiterungen, und zwar mit denselben Abschnitten. Die HTML-Elemente zum Erstellen von Tabellen folgen gesondert.

Grobstruktur von HTML-Dokumenten, Head und Body

2.0 (Ca) 3.2 (Wilbur)

Attribute des BODY-Tags

BACKGROUND=url
Hintergrundbild für die Seite

BGCOLOR=color, TEXT=color, LINK=color, VLINK=color, ALINK=color
Angabe der Farbe für Hintergrund, Text, Link, besuchten (visited) und aktiven Link (während des Anklickens). Alle Farben werden angegeben in der Syntax:
#rrggbb mit drei Paaren von Hex-Ziffern für den roten, grünen und blauen Farbanteil.
Als Beispiel das Body-Tag dieser Seite mit den Farben schwarz (Text), weiß (Hintergrund), blau (Link), lila (besuchter Link), rot (aktiver Link):
<BODY TEXT="#000000" BGCOLOR="#FFFFFF" LINK="#0000FF" VLINK="#FF00FF" ALINK="#FF0000">

Als Regel gilt: Wenn Farben, dann alle angeben; sonst können beim Benutzer (Leserin) eingestellte Farben zu Unlesbarkeit führen! Die Hintergrundfarbe gilt auch, wenn ein angegebenes Hintergrundbild nicht geladen oder vom Browser nicht dargestellt werden kann.

Elemente im Head-Teil

2.0 (Ca) 3.2 (Wilbur)

Neue Head-Elemente

<SCRIPT>Skript-Programm</SCRIPT>
Platzhalter für den Quelltext eines Skript-Programms - zur Zeit bei Netscape JavaScript (Attribut LANGUAGE="JavaScript").

<STYLE>Style-Definition</STYLE>
Platzhalter für die Definition eines Style (jetzt in HTML 4.0 verfügbar).

Elemente im Body-Teil

Überschriften

2.0 (Ca) 3.2 (Wilbur) Neues Attribut: ALIGN:
<H3 ALIGN=LEFT>Drittgrößte Überschrift</H3>

Drittgrößte Überschrift

<H4 ALIGN=CENTER>Viertgrößte Überschrift</H4>

Viertgröße Überschrift

<H5 ALIGN=RIGHT>Fünftgrößte Überschrift</H5>
Fünftgrößte Überschrift

Absätze

2.0 (Ca) 3.2 (Wilbur)

Neues Attribut bei <P>: ALIGN mit den Werten LEFT, CENTER, RIGHT wie bei den Überschriften. Dies ist z.B. ein zentrierter Absatz, der mit dem zugehörigen End-Tag beendet ist,

2.0 (Ca) 3.2 (Wilbur)
Neues Attribut bei <BR>: CLEAR; Bedeutung siehe bei IMG.
<HR [ALIGN=left|right|center] [NOSHADE] [SIZE=n] [WIDTH=m|p%]> Waagerechte Linie der gewünschten Ausrichtung, u.U. als fester Strich der Dicke n Pixel in der Breite des vorhergehenden Textes oder m Pixel bzw. p Prozent der Fensterbreite; Beispiel mit ALIGN=CENTERSIZE=3 NOSHADE WIDTH="60%":
Zentrieter Text gehört jetzt zum Standard - eingeschlossen in das CENTER-Tag ohne Attribute.
Mehrere Absätze zentrierten oder ggf. rechtsbündigen Textes erreicht man durch Einschließen der Absätze in folgendes neue Tag:

<DIV ALIGN=CENTER>Folge von Absätzen.</DIV>

Listen

Nicht-nummerierte Aufzählung (Unordered List)

2.0 (Ca) 3.2 (Wilbur)
<UL TYPE=SQUARE>
<LI>1. Listen-Element (List Item)
<LI>2. Listen-Element
<LI>...
</UL>

Typisches Layout:

Mögliche Werte zu TYPE: DISC, CIRCLE, SQUARE. Dieses Attribut kann auch bei <LI> auftreten, um z.B. bei jedem Listen-Element die Darstellung zu variieren.

Nummerierte Aufzählung (Ordered List)

2.0 (Ca) 3.2 (Wilbur)
<OL TYPE="a" START="4">
<LI>1. Listen-Element (List Item)
<LI>2. Listen-Element
<LI>...
</OL>

Typisches Layout:

  1. 1. Listen-Element (List Item)
  2. 2. Listen-Element
  3. ...
Die Werte zu TYPE sind hier: 1, a, A, i, I, der Wert zu START ist eine positive ganze Zahl. Die Typ-Werte können auch wieder beim <LI>-Tag angegeben werden, zusätzlich mit VALUE=n.

Bilder, Graphiken: Inline-Images

2.0 (Ca) 3.2 (Wilbur)

Weitere Attribute bzw. Attributwerte zu <IMG>:

ALIGN=LEFT
Bild links, Textfluß rechts.
Der Text rechts des Bildes muß ggf. mit <BR CLEAR=LEFT> beendet werden, wenn der Folgetext am linken Rand und nicht neben dem Bild fortgesetzt werden soll.
ALIGN=RIGHT
Bild rechts, Textfluß links.
Der Text links des Bildes muß ggf. mit <BR CLEAR=RIGHT> beendet werden, wenn der Folgetext bis zum linken Rand und nicht neben dem Bild fortgesetzt werden soll.
HSPACE, VSPACE
Attributwert ist jeweils eine Zahl von Pixeln, die als horizontaler bzw. vertikaler Zwischenraum um das Bild freigelassen werden soll.
BORDER=0
Rand bei Bildern als Hyperlinks entfällt - jetzt Standard.

Hervorhebungen, Styles

2.0 (Ca) 3.2 (Wilbur)

Zusätzliche Physische Styles

<U>Text</U>
Unterstrichener Text: Underlined.
<STRIKE>Text</STRIKE>
Durchgestrichener Text: Strike through. ,
<BIG>Text</BIG>
Mit größerer Schrift gesetzter Text: BIG.
<SMALL>Text</SMALL>
Mit kleinerer Schrift gesetzter Text: SMALL.
<SUB>Text</SUB>
Tiefgestellter Text (Subscript): an + 1.
<SUP>Text</SUP>
Hochgestellter Text (Superscript, Exponent): a3.

Schriftart-Beeinflußung

3.2 (Wilbur)

<FONT [SIZE=n][ COLOR=color]>Text</FONT>
Größenangaben sind entweder absolut aus dem Bereich 1 (kleinste) bis 7 (größte Schrift) oder relativ (+1, -1, entspricht BIG bzw. SMALL. Die Farbangabe hat die gleiche Syntax wie bei BGCOLOR etc.

Bernd Cappel, 12.11.1996
Erstellt für eine Lehrveranstaltung des URZ der HHU im Wintersemester 1996/97