Stefan Morgenroth - HTML-Kurz

HTML (Hypertext Markup Language) Kurzreferenz

© by Stefan Morgenroth

Überarbeitet: 26.2.1998
Kein Anspruch auf Vollständigkeit - dafür ist das W3C zusändig.


 

Inhalt

 

Notation

Erläuterung der hier benutzten Sonderzeichen im Kontext.

URL referenziert ein Dokument (Uniform Resource Locator)
? beliebige Zahl
% beliebige Prozentangabe
*** beliebiger Text
$$$ beliebige Hexadezimalzahl (in der RGB-Form: rot, grün, blau)
| Alternativen
[...] optional
Zum Inhalt

 

Kompatibilität ...TimeLine

Hinweis:
Für einen Browser unbekannte Tags werden in der Regel von dem Browser ignoriert, können aber trotzdem zu unvorhersehbaren Erscheinungsformen führen!

Es wird die Version von HTML angegeben, zu der ein Befehl kompatibel ist. Erweiterungen des Netscape Browsers werden auch angegeben. Stand: 25.7.95

Fast alle neueren Browser unterstützen inzwischen auch die Netscape 1.2 <Tags>. Stand: 31.12.95 Download Netscape Software

Netscape unterstüzt ab Version 3.0b5 wieder neue HTML-<Tags>. Frames werde ich ersteinmal nicht an dieser Stelle aufführen, da sie offiziell noch nicht als HTML anerkannt sind! Stand: 7.7.96

Für OS/2 Warp gibt es einen Netscape-Browser der Version 2.02 auf dem allerdings auch alle HTML-Funktionen von N3.0 volle Anwendung finden! Stand: 12/96
Mit der geheimen Funktion "-3" lassen sich auch alle Möglichkeiten von Mozilla/3.0 nutzen! Stand: 3/97

Die neuesten Browser der zwei größten Firmen (Netscape und Microsoft) unterstützen in den jeweils neuesten Versionen (4.x) neue HTML-Tags u.a. einen Großteil des neuen HTML 4.0. Besonders hervorzuheben sind dabei Styles, die nun endlich nach der Ankündigung in HTML 3.2 in HTML 4.0 verfügbar sein werden. Stand: 10/97
Ebenso sind Frames jetzt offiziell HTML. Stand: 2/98

(kein Eintrag) HTML 2.0, sollte von allen Browsern unterstützt werden
3.0 HTML 3.0 (Vorschlag) Wurde endgültig übersprungen
3.2 HTML 3.2 - letzter offizieller Standard; wird von allen bekannten und gängigen Browsern unterstützt! Beinhaltet alle N1.0-N2.0 Erweiterungen.
4.0 HTML 4.0 - neuester offizieller Standard (2/1998). Es werden z.T. einige alte Tags durch neue flexiblere/leistungfähigere Tags ersetzt und Frames sind nun HTML-Konform. Wird (noch) nicht einmal von den "großen" beiden Browsern unterstützt. Die Tags sind hier noch nicht alle aufgenommen.
4.0dep Deprecated in 4.0 - Wird von HTML 4.0 zwar noch unterstützt, mit großer Wahrscheinlichkeit aber nicht mehr von Folgeversionen. Die Tags sind hier noch nicht alle aufgenommen.
N1.0 Netscape-Erweiterung ab Version 1.0
N1.1 Netscape-Erweiterung ab Version 1.1
N2.0 Netscape-Erweiterung ab Version 2.0
N3.0 Netscape-Erweiterung ab Version 3.0
Zum Inhalt

Dokumentstruktur

 <!doctype html public "-//W30//DTD HTML//EN//2.0"> /* HTML Version 2.0 */
oder
<!-- DOCTYPE HTML PUBLIC "-//W30//DTD HTML 3.0//EN" --> /* HTML Version 3.0 */
oder
<!doctype html public "-//W3C//DTD HTML 3.2//EN"> /* HTML Version 3.2 */

 /* HTML Version 4.0 */

Für Dokumente, die der Draft-Spezifikation entsprechen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Draft//EN">
oder
Für Dokumente, die der Finalen-Spezifikation entsprechen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Final//EN">
oder
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
oder
Für Dokumente, die strikt der 4.0 Spezifikation entsprechen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">

 <HTML>

 <head>

Elemente des HEAD

 </head>

 <body>

Elemente des BODY

 </body>

 </HTML>

Zum Inhalt


HEAD-Elemente

 Nur der Text innerhalb der <TITLE>-Tags wird dargestellt.

<title></title> Dokument-Titel
<isindex> erlaubt Stichwortsuche
N1.0 <isindex prompt="***"> Überschreiben des Standard-Anforderungstextes
<base href="URL"> Basis-URL
<link ref="***"
rel="***"
href="URL">
Relation zu Dokumenten
<meta http-equiv="***"
name="***"
content="***">
Metainformationen
N1.1 <meta http-equiv="Refresh" content="?;URL=Ziel-HTMLpage.html"> Automatisches Refresh der Seite durch die "Ziel-HTMLpage.html"-Datei nach "?" Sekunden
3.2 <basefont size="?"> Basisschriftgröße
3.2 <script></script> Skript-Block für z.B. Java-Script
3.2 <style></style> für zukünftige Style-Sheeterweiterungen
Zum Inhalt

Überschriften

<h?></h?> Überschriften; ?=1-6
3.2 <h? align="left|center|right"></p> Positionierung
Zum Inhalt

Listen

Listenelemente werden durch <LI> eingeleitet. In Definitionslisten wird statt dessen <DT> und <DD> verwendet.

<ol></ol> geordnete (numerierte) Liste
N1.0 <ol type=A|a|I|i|1></ol> Zählerform für die gesamte Liste
N1.0 <li type=A|a|I|i|1> Zählerform für nur diesen Eintrag
N1.0 <ol value=?></ol> Startwert für die Liste
N1.0 <li value=?> Wert von hier ab für die folgenden Einträge
<ul></ul> ungeordnete (unnumerierte) Liste
N1.0 <ul type="disc|circle|square></ol> Marker für die Liste
N1.0 <li type="disc|circle|square> Marker für den Listeneintrag
<dir></dir> Verzeichnisliste
<menu></menu> Menü-Liste
<dl [compact]></dl> Definitionsliste
<dt></dt> Definitionsterm (nested in <dl></dl>)
<dd></dd> Definitionsdaten (nested in <dl></dl>)
Zum Inhalt

Blockformat-Elemente

<blockquote></blockquote> als Block abgesetzt
3.2 <center></center> als Block zentriert
(laut HTML3.2 Kurzform für <div align="center">)
3.2 <p align="left|center|right"></p> formatierter Absatz
3.0 <math></math> Formelabsatz
3.2 <sub></sub> tiefgestellter Text (z.B. für Indizies) gilt nur im <math>-Tag
3.2 <sup></sup> hochgestellter Text (z.B. für Fußnoten) gilt nur im <math>-Tag
3.2 <div align="left|center|right"></div> horizontale Ausrichtung
3.2 <applet></applet> Zukünftige Applets, z.B. Java-Applets
3.2 <applet codebase="URL"> Basisverzeichnis, in dem sich das Applet befindet
3.2 <applet code="URL"> Dateiname des Applets
3.2 <applet alt="***"> Alternativtext für Nicht-Java-Browser
3.2 <applet width="?"> Breite des Applet-Feldes
3.2 <applet height="?"> Höhe des Applet-Feldes
3.2 <applet vspace="?"> Vertikaler Abstand in Pixel vom Applet
3.2 <applet hspace="?"> Horizontaler Abstand in Pixel vom Applet
3.2 <applet align="top|middle|bottom|left|right"> Positionierung des Applets in der Zeile
3.2 <param ... > <param>-Tags nur innerhalb von <applet>-Tags
3.2 <param name="***" value="***"> Instanzen-/Variablenname mit Übergabewert für Appletschnittstelle
Zum Inhalt

Texthervorhebungen

Soft Format (Durch den Browser kontrollierte Darstellung)

<em></em> Hervorhebung (Italics)
<strong></strong> Hervorhebung (Fett)
<pre></pre> unformatierter Text (erscheint in der Formatierung, wie geschrieben)
<pre width="?"></pre> Anzahl der Zeichen
<xmp></xmp> unformatiert; keine Tags im Text
<cite></cite> Zitat (Italics)
<code></code> Programmbeispiel
<samp></samp> Beispiel
<kbd></kbd> Tastatureingabe
<var></var> Variable
<dfn></dfn> Definition
3.2 <big></big> Große Schrift im Vergleich zur Durchschnittschrift
3.2 <small></small> Kleine Schrift im Vergleich zur Durchschnittschrift
3.2 <strike></strike> Durchstreichen des Textes
3.2 <font size="?"></font> Fontgröße: ?=1-7
N2.0 <font color="#$$$$$$"></font> Fontfarbe: ("#RRGGBB)
N3.0 <font face="font1,font2,***,fontn"></font> Schriftart fontx=Name eines Schriftyps z.B. Garamont, Helvetica, Times
N1.0 <basefont size="?"></basefont> Basisfont: ?=1-7
Zum Inhalt

Hard Format (Durch den Autor kontrollierte Darstellung)

<b></b> Fett
<i></i> Italic
<tt></tt> Schreibmaschinenschrift
3.0 <underline></underline> unterstrichen
3.2 (alle außer Netscape vor Vers. 3.0) <u></u> unterstrichen
3.2 <s></s> durchgestrichen
N1.0 <blink></blink> blinkend
Zum Inhalt

Dokumentteiler

<p> Absatz
3.0 <p></p> Absatz
<br> Zeilenumbruch
3.2 <br clear="left|right|all"> Rückgängigmachen der Bildumflusses
<hr> horizontale Linie
3.2 <hr align="left|right|center"> Positionierung der Linie
3.2 <hr size=?> Höhe der Linie in Pixel
3.2 <hr width=?> Breite der Linie in Pixel
3.2 <hr width="?%"> Breite der Linie in Prozent
3.2 <hr noshade> Linie ohne Schatten
N1.0 <nobr> kein Zeilenumbruch
N1.0 <wbr> optionaler Zeilenumbruch
Zum Inhalt

Hintergrund und Farben

<body></body> Dokumentinhalt
3.2 <body bgcolor="#$$$$$$"> Hintergrundfarbe ("#RRGGBB")
3.2 <body background="URL"> Hintergrundbild
3.2 <body text="#$$$$$$"> Textfarbe ("#RRGGBB")
3.2 <body link="#$$$$$$"> Farbe des Linkbaren Textes ("#RRGGBB")
3.2 <body vlink="#$$$$$$"> Farbe eines besuchten Links ("#RRGGBB")
3.2 <body alink="#$$$$$$"> Farbe des Linktextes während des Mausklickes ("#RRGGBB")
Die Formatierungen können alle in einen BODY-Tag gleichzeitig verwendet werden. Zum Inhalt

Links und Inline-Images

<a href="URL"></a> Link auf ein Dokument
<a href="#***"></a> Link auf ein Lesezeichen innerhalb desselben Dokumentes
<a href="URL#***"></a> Link auf ein Lesezeichen in einem anderen Dokument
<a name="**"></a> Lesezeichen (Sprungziel)
<img src="URL"> Eingebundene Grafik
<img src="URL" alt="***"> Eingebundene Grafik mit alternativen Text, der angezeicht wird, wenn die Grafik nicht mitgeladen wird.
<img src="URL" ismap> aktive Grafik
<img src="URL" align="top|middle|bottom"> Positionierung des Textes an der Grafik
3.0 <img src="URL" align="left|right|texttop|absmiddle|baseline|absbottom"> Steuerung des Textumflusses um die Grafik
N1.0 <img src="URL" border=?> Rahmen um die Grafik in Pixel
N1.0 <img src="URL" lowsrc="URL"> geringe Auflösung für Proxy-Modus
N1.0 <img src="URL" width="?" height="?"> Größe der Grafik in Pixel
N1.1 <img src="URL" width="?%" height="?%"> Größe der Grafik in Prozent
N2.0 <img src="URL" hspace="?" vspace="?"> Abstand des Bilder vom nächsten Element in Pixel
Zum Inhalt

Client-Side Imagemaps

3.2 <map name="***"></map> Client-Side-Imagemap-Rahmentag
3.2 <area href="URL"> Ziel-URL des Area-Links
3.2 <area alt="***"> Alternativtext für nichtgraphische Browser
3.2 <area shape="rect|circle|poly" coords="left-x,top-y,right-x,bottom-y| center-x,center-y,radius| x1,y1,x2,y2,x3,y3,..."> Koordinatenwerte in Pixel (bei Prozentangaben werden die Werte relativ zu den "height"- und "width"-Werten des Bildes ausgelegt)
Die <area>-Tags können nur im <map>-Tag verwendet werden.

Zum Inhalt

Formulare

<form action="URL" method="get|post"></form> Formulardefinition
<input type="text|password|radio|checkbox|submit|reset"> Eingabefeldertypen
<input name="***"> Feldname
<input checked> Vorgabe
<input size="?"> Eingabefeldgröße (Zahl)
<input maxlength="?"> maximale Länge des Eingabefeldes
<select></select> Auswahl
<select name="***"></select> Listenname
<select size="?"></select> Anzahl der Optionen
<select multiple></select> multiple choice
<option></option> Optionen
<option selected>? Optionsvorgabe
<textarea rows="?" cols="?"></textarea> Texteingabefeld mit größenvorgabe
<textarea name="***"></textarea> Feldname
Zum Inhalt

Tabelle

3.2 <table></table> Tabellendefinition
3.2 <table border="?"></table> Tabellenlinienbreite
3.2 <table cellpadding="?"></table> Zellen(feld)höhe in Pixel
3.2 <table cellspacing="?"></table> Zellen(feld)breite
3.2 <table width="?"></table> Tabellenbreite in Pixel
3.2 <table width="?%"></table> Tabellenbreite in Prozent
N3.0 <table bgcolor="#$$$$$$"></table> Hintergrundfarbe für alle Tabellenfelder
3.2 <tr></tr> Tabellenreihe
3.2 <tr align="left|right|center"> vert. Positionierung des Inhalts in der Reihe
3.2 <tr valign="top|middle|bottom"> hor. Positionierung des Inhalts in der Reihe
N3.0 <tr bgcolor="#$$$$$$"></tr> Hintergrundfarbe für die Tabellenreihe
3.2 <td></td> Tabellenfeld (-zelle)
3.2 <td align="left|right|center"> vert. Positionierung des Inhalts in dem Feld
3.2 <td valign="top|middle|bottom"> hor. Positionierung des Inhalts in dem Feld
3.2 <td nowrap></td> kein Zeilenumbruch
3.2 <td colspan="?"></td> Spaltenanzahl über die das Feld reichen soll
3.2 <td rowspan="?"></td> Reihenanzahl über die das Feld reichen soll
3.2 <td width="?"></td> Feldbreite in Pixel
N1.1 <td width="?%"></td> Feldbreite in Prozent
N3.0 <td bgcolor="#$$$$$$"></td> Hintergrundfarbe für das Tabellenfeld
3.2 <th></th> Überschriftsfeld (Header-Feld)
3.2 <th align="left|right|center"> vert. Positionierung des Inhalts
3.2 <th valign="top|middle|bottom"> hor. Positionierung des Inhalts
3.2 <th nowrap></th> kein Zeilenumbruch
3.2 <th colspan="?"></th> Spaltenanzahl über die das Feld reichen soll
3.2 <th rowspan="?"></th> Reihenanzahl über die das Feld reichen soll
3.2 <th width="?"></th> Feldbreite in Pixel
N1.1 <th width="?%"></th> Feldbreite in Prozent
N3.0 <th bgcolor="#$$$$$$"></th> Hintergrundfarbe für das Tabellenüberschriftsfeld
3.2 <caption></caption> Tabellenbezeichnung (Über-/Unterschrift)
3.2 <caption align="top|bottom"> Positionierung der Tabellenbezeichnung
N3.0 <caption center></caption> Überschrift mittig
Zum Inhalt

Sonderzeichen

 HTML-Steuerzeichen müssen nach "ISO Latin 1 character entities" codiert werden.

&gt; > größer als
&lt; < kleiner als
&amp; & Kaufmanns-und
&quot; " Anführungszeichen
Dt. Sonderzeichen:
&auml; ä &Auml; Ä
&ouml; ö &Ouml; Ö
&uuml; ü &Uuml; Ü
&szlig; ß
Zum Inhalt

Sonstiges

<!-- *** --> Kommentar (wird vom Browser nicht angezeigt)
<embed src="URL" width="?" height="?" autostart="true|false" loop="true|false"> Plugin-Schnittstelle (zB für Soundfiles)
Zum Inhalt
© by Stefan Morgenroth
Valid XHTML 1.1!
get PGP now!
Warner Brothers
DC-Comics
Joke Wallpaper
Sehr wichtig: Das W3Corp. - Offizielle HTML-Referenz des W3C
JavaSoft by Sun - IBM Java-Sektor
Netscape's JavaScript Dokumentation
Nicht zu vergessen den besten und leistungsfähigsten Webserver, den ich kenne: Apache - ApacheWeek
PGP - Pretty Good Privacy (Intl.) - US