## Kurzreferenz: HTML

| Hinweis HTML-Grundgerüst HTML-Kopfdaten Dateiweite Einstellungen Elemente zur Textstrukturierung Tabellen Verweise (Links) Grafiken Formulare Frames Multimedia-Objekte Layer (Netscape) Weiterführende HTML-Elemente HTML-Referenz

## Hinweis

Die HTML-Kurzreferenz ist nicht für Anfänger geeignet! Die Kurzreferenz richtet sich an Anwender, die sich mit HTML auskennen und eine allgemeine Syntax-Übersicht für wichtige und praxisrelevante Sprachbestandteile haben wollen (die Kurzreferenz erhebt keinen Anspruch auf Vollständigkeit). Die Kurzreferenz eignet sich als Navigationshilfe. Von den Kurzbeschreibungen führen Verweise vom Typ Beschreibung direkt zu den ausführlichen Beschreibungen innerhalb der Dokumentation.

## HTML-Grundgerüst

HTML Grundgerüst | `<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd"> <html> <head> <title>Titel</title> </head> <body> <!-- Inhalt der Datei --> </body> </html>`
Für `Titel` einen aussagekräftigen Titel vergeben! Den gesamten sichtbaren Inhalt der Datei zwischen `<body>` und `</body>` notieren. Beschreibung

Dokumenttyp-
Angaben

`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">`

`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">`

`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">`

`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`

`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">`

`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">`

`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">`

`<HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">`

`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 2.0//EN">`

Beschreibung
Kommentare | `<!-- Dies ist ein Kommentar -->`
Zum internen Auskommentieren von Inhalten oder Befehlen. Wird im Browser nicht angezeigt. Beschreibung

## HTML-Kopfdaten

Meta-Angabe: Autor | `<meta name="author" content="Name">`
Für `Name` den Namen des Urhebers notieren. Beschreibung
Meta-Angabe: Beschreibung | `<meta name="description" content="Text">`
Für `Text` eine Kurzbeschreibung des Inhalts notieren. Beschreibung
Meta-Angabe: Stichwörter | `<meta name="keywords" content="Wort, Wort, Wort">`
Für `Wort` je ein Stichwort zum Inhalt notieren. Anzahl ist flexibel. Stichwörter durch Kommata trennen. Beschreibung
Meta-Angabe: Zeitstempel | `<meta name="date" content="yyyy-MM-ddThh:mm:ss+hh:mm">`
`yyyy` = Jahr, `MM` = Monat, `dd` = Tag, `T` = fixer Buchstabe, `hh` = Stunden, `mm` = Minuten, `ss` = Sekunden, `+`/`-` = Abweichung gegenüber Greenwich in Stunden und Minuten. Beschreibung
Meta-Angabe: Robots | `<meta name="robots" content="index|noindex|follow|nofollow">`
Anweisung an Suchmaschinen: `index` = Auslesen erlaubt, `noindex` = Auslesen nicht erlaubt, `follow` = Verweisen folgen erlaubt, `nofollow` = Verweisen folgen nicht erlaubt. Beschreibung
Meta-Angabe: Zeichensatz | `<meta http-equiv="content-type" content="Mime-Type; charset=Zeichensatz">`
Für `Mime-Type` so etwas wie `text/html` und für `Zeichensatz` so etwas wie `ISO-8859-1` notieren. Beschreibung
Meta-Angabe: Stylesprache | `<meta http-equiv="Content-Style-Type" content="Mime-Type">`
Für `Mime-Type` so etwas wie `text/css` notieren. Beschreibung
Meta-Angabe: Scriptsprache | `<meta http-equiv="Content-Script-Type" content="Mime-Type">`
Für `Mime-Type` so etwas wie `text/javascript` notieren. Beschreibung
Meta-Angabe: Originaladresse | `<meta http-equiv="expires" content="0">`
Zeitpunkt angeben, ab dem von Originaladresse geladen werden soll. `0` bedeutet: immer von Originaladresse laden (Proxy-Server ignorieren) Beschreibung
Meta-Angabe: Weiterleitung | `<meta http-equiv="refresh" content="0; URL=URI">`
Angeben, wann und welche Adresse automatisch geladen werden soll. `0` bedeutet: sofort (Angabe bedeutet Verzögerung in Sekunden). Für `URI` eine Web-Adresse oder ein Ziel mit oder ohne Pfad angeben, das nach der angegebenen Zeit automatisch geladen werden soll. Beschreibung
Adressbasis | `<base href="URI">`
Für `URI` eine Web-Adresse oder ein Ziel mit oder ohne Pfad angeben, das als Basis für relative Adressierung dienen soll. Beschreibung
Zielfensterbasis | `<base target="Name">`
Standardzielfenster für Verweise bei Frames, bei Verweisen selbst ist dann keine Angabe zu `target=` mehr erforderlich. Für `Name` den gewünschten Fensternamen angeben. Beschreibung
Logische Beziehungen | `<link rel="Beziehung" title="Titel" href="URI"> <link rev="Beziehung" title="Titel" href="URI">`

`rel=` steht für Beziehung, `rev=` für Rückbeziehung.
Für `Beziehung` einen der folgenden Werte notieren:
`contents` = Inhaltsverzeichnis
`chapter` = Kapitel
`section` = Abschnitt
`subsection` = Unterabschnitt
`index` = Stichwortverzeichnis
`glossary` = Glossar
`appendix` = Anhang
`copyright` = rechtliche Hinweise
`next` = nächste Seite
`prev` = vorherige Seite
`start` = Anfangsseite
`start` = Hilfeseite
`bookmark` = allgemeiner Orientierungspunkt
`alternate` = andere Lesart
`stylesheet` = externe Stylesheet-Datei einbinden
Für `Titel` einen Beschriftungstext notieren für den Fall, dass die Angabe visuell erscheint.
Für `URI` eine Web-Adresse oder ein Ziel mit oder ohne Pfad der Datei oder Quelle angeben, die verknüpft werden soll.
Beschreibung

## Dateiweite Einstellungen

Farben für Text, Hintergrund und Verweise | `<body bgcolor="#XXXXXX" text="#XXXXXX" link="#XXXXXX" vlink="#XXXXXX" alink="#XXXXXX">`
`bgcolor` = dateiweite Hintergrundfarbe, `text` = dateiweite Schriftfarbe, `link` = dateiweite Farbe für Verweise zu noch nicht besuchten Zielen, `vlink` = dateiweite Farbe für Verweise zu bereits besuchten Zielen, `alink` = dateiweite Farbe für aktivierte Verweise. Für `#XXXXXX` eine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen. Beschreibung
Hintergrundbild (Wallpaper) | `<body background="URI">`
Für `URI` eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Grafikdatei angeben. Beschreibung

## Elemente zur Textstrukturierung

Überschriften | `<h[1-6]>Text</h[1-6]>`
Sechs Überschriftenebenen sind erlaubt, also z.B. `<h1>Text</h1>`. Beschreibung
Überschriften ausrichten | `<h[1-6] align="Ausrichtung">Text</h[1-6]>`
Für `Ausrichtung` einen der folgenden Werte notieren: `left` = linksbündig, `center` = zentriert, `right` = rechtsbündig, `justify` = Blocksatz. Beschreibung
Textabsätze | `<p>Text</p>`
Beschreibung
Textabsätze ausrichten | `<p align="Ausrichtung">Text</p>`
Für `Ausrichtung` einen der folgenden Werte notieren: `left` = linksbündig, `center` = zentriert, `right` = rechtsbündig, `justify` = Blocksatz. Beschreibung
Zeilenumbruch erzwingen | `Text alte Zeile<br>Text neue Zeile`
Beschreibung
Aufzählungslisten | `<ul> <li>Listeneintrag</li> <li>Listeneintrag</li> </ul>`
Beschreibung
Bullet-Typ für Aufzählungslisten | `<ul type="Typ"> <li>Listeneintrag</li> <li>Listeneintrag</li> </ul>`
Für `Typ` einen der folgenden Werte notieren: `circle` = Kreis/Punkt, `disc` = Scheibe/Dateisymol, `square` = Quadrat. Beschreibung
Nummerierte Listen | `<ol> <li>Listeneintrag</li> <li>Listeneintrag</li> </ol>`
Beschreibung
Nummerierte Listen alphabetisch oder römisch | `<ol type="Typ"> <li>Listeneintrag</li> <li>Listeneintrag</li> </ol>`
Für `Typ` einen der folgenden Werte notieren: `a` = für klein alphabetisch, `A` = für groß alphabetisch, `i` = für klein römisch, `I` = für groß römisch. Beschreibung
Nummerierung beeinflussen | `<ol start="Startwert"> <li>Listeneintrag</li> <li value="Fortsetzungswert">Listeneintrag</li> </ol>`
Für `Startwert` die Zahl mit dem gewünschten Startwert notieren, für `Fortsetzungswert` die Zahl mit dem gewünschten Fortsetzungswert innerhalb der Liste. Beschreibung
Definitionslisten (Glossarlisten) | `<dl> <dt>Zu definierender Ausdruck</dt> <dd>Definition des Ausdrucks</dd> </dl>`
Beschreibung
Menülisten | `<menu> <li>Listeneintrag</li> <li>Listeneintrag</li> </menu>`
Beschreibung
Verzeichnislisten | `<dir> <li>Listeneintrag</li> <li>Listeneintrag</li> </dir>`
Beschreibung
Listendarstellung kompakt | `<ul compact> <!-- Listeninhalt --> </ul>`
Ebenso bei `ol`, `menu` und `dir` möglich. Beschreibung
Zitate | `<blockquote>Text</blockquote>`
Beschreibung
Zitate mit URI-Quellenangabe | `<blockquote cite="URL">Text</blockquote>`
Für `URI` eine Web-Adresse oder ein Ziel mit der Quelle angeben. Beschreibung
Adressen | `<address>Text</address>`
Beschreibung
Präformatierter Text | `<pre>Text</pre>`
Beschreibung
Breite eines präformatierten Textes | `<pre width="Breite">Text</pre>`
Für `Breite` die gewünschte Zahl der Zeichen pro Zeile angeben. Beschreibung
Logische Textauszeichnung (inline) | `<em>betont</em> <strong>stark betont</strong> <code>Quellcode</code> <samp>Beispiel</samp> <kbd>Tastatureingabe</kbd> <var>Variable</var> <cite>Zitat</cite> <dfn>Definition</dfn> <acronym>Abkürzung</acronym> <abbr>abgekürzte Schreibweise</abbr>`
Beschreibung
Änderungs- markierungen | `<ins>eingefügter Text</ins> <del>gelöschter Text</del>`
Beschreibung
Änderungs- markierungen mit Zeitstempel | `<ins datetime="yyyy-MM-ddThh:mm:ss+hh:mm">eingefügter Text</ins> <del datetime="yyyy-MM-ddThh:mm:ss+hh:mm">gelöschter Text</del>`
`yyyy` = Jahr, `MM` = Monat, `dd` = Tag, `T` = fixer Buchstabe, `hh` = Stunden, `mm` = Minuten, `ss` = Sekunden, `+`/`-` = Abweichung gegenüber Greenwich in Stunden und Minuten. Beschreibung
Textrichtung | `<bdo dir="Richtung">`
Für `Richtung` einen der folgenden Werte notieren: `rtl` = für rechts nach links, `ltr` = für links nach rechts. Beschreibung
Physische Textauszeichnung (inline) | `<b>fett</b> <i>kursiv</i> <tt>dicktengleich (Tele-Typer)</tt> <u>unterstricken</u> <strike>durchgestrichen</strike> <s>durchgestrichen</s> <big>größer als normal</big> <small>kleiner als normal</small> <sup>hochgestellt</sup> <sub>tiefgestellt</sub>`
Beschreibung
Allgemeines Block-Element | `<div>verschiedene HTML-Elemente</div>`
z.B. für CSS-Formatierungen. Beschreibung
Allgemeines Block-Element mit Ausrichtung | `<div align="Ausrichtung">verschiedene HTML-Elemente</div>`
Für `Ausrichtung` einen der folgenden Werte notieren: `left` = linksbündig, `center` = zentriert, `right` = rechtsbündig, `justify` = Blocksatz. Beschreibung
Allgemeines Block-Element zentriert | `<center>verschiedene HTML-Elemente</center>`
Beschreibung
Allgemeines Inline-Element | `<span>Text</span>`
z.B. für für CSS-Formatierungen. Beschreibung
Trennlinien | `Text davor <hr> Text danach`
Beschreibung
Tennlinien- Eigenschaften | `<hr width="Breite" size="Höhe" align="Ausrichtung">`
Für `Breite` eine Zahl wie z.B. `300` für Anzahl Pixel oder einen Prozentwert wie z.B. `50%` angeben. Für `Höhe` eine Zahl wie z.B. `5` für Anzahl Pixel angeben. Für `Ausrichtung` einen der folgenden Werte notieren: `left` = linksbündig, `center` = zentriert, `right` = rechtsbündig. Beschreibung
Schriftformatierung | `<font size="Größe">Text</font> <font color="#XXXXXX">Text</font> <font face="Schriftart">Text</font> <basefont size="Größe"> nachfolgender Inhalt <basefont color="#XXXXXX"> nachfolgender Inhalt <basefont face="Schriftart"> nachfolgender Inhalt`

`font` für Inline-Auszeichnung verwenden,
`basefont` als Auszeichnung für alle nachfolgenden Inhalte.
`size` = Schriftgröße,
`color` = Schriftfarbe,
`face` = Schriftart.
Für `Größe` einen Wert von `1` (sehr klein) bis `7` (sehr groß) notieren - `3` ist normal.
Oder einen relativen Wert wie z.B. `+1`, `+2` usw. für größer, oder `-1`, `-2` usw. für kleiner.
Für `#XXXXXX` eine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen.
Für `Schriftart` den Namen einer oder mehrerer (alternativer) Schriftarten angeben, mehrere Schriftarten durch Kommata trennen.
Beschreibung

## Tabellen

Tabellenaufbau | `<table border="Dicke"> <tr> <th>Kopfzelle</th> <th>Kopfzelle</th> </tr> <tr> <td>Datenzelle</td> <td>Datenzelle</td> </tr> </table>`
Tabelle mit sichtbaren Gitternetzlinien durch Angabe von `border=` im einleitenden Tabellen-Tag, durch Weglassen wird die Tabelle eine blinde Tabelle. Für `Dicke` eine Zahl wie z.B. `3` für Anzahl Pixel der Dicke des Außenrahmens angeben. Beschreibung
Spalten vordefinieren | `<table > <colgroup> <col> <col width="Breite" span="Anzahl"> </colgroup> <tr> <td>Zelle</td> <td>Zelle</td> </tr> </table>`

Mit `<col>`-Tags so viele Spalten vordefinieren wie die Tabelle hat. Gruppieren mit `colgroup`-Elementen.
`width` = Spaltenbreite (optionale Angabe).
Für `Breite` eine Zahl wie z.B. `100` für Pixel angeben,
oder einen Prozentwert wie z.B. `20%`,
oder eine Relation zu anderen Spalten (z.B. `4*` = 4 Anteile an der Summe so definierter Anteile in den anderen Spalten).
`span` = Angabe zur Breite gilt für so viele Spalten in Folge wie angegeben.
Für `Anzahl` eine Zahl wie z.B. `3` für die Anzahl Spalten angeben, für die die Angaben gelten sollen.
Beschreibung

Kopf, Fuß und Körper einer Tabelle | `<table> <thead> <!--Tabellenzeilen--> </thead> <tfoot> <!--Tabellenzeilen--> </tfoot> <tbody> <!--Tabellenzeilen--> </tbody> </table>`
In dieser Reihenfolge notieren. Beschreibung
Zellenabstand und Zelleninnenabstand | `<table cellspacing="Abstand" cellpadding="Innenabstand"> <!-- Tabelleninhalt --> </table>`
`cellspacing` = Abstand der Zellen untereinander, `cellpadding` = Innenabstand von Zellenrand zu Zelleninhalt. Für `Abstand` und `Innenabstand` Zahlen wie z.B. `5` und `10` für die Anzahl der gewünschten Pixel angeben. Beschreibung
Regeln für Außenrahmen | `<table border="Dicke" frame="Typ"> <!-- Tabelleninhalt --> </table>`

Rahmendicke angeben, damit ein Außenrahmen sichtbar ist.
Für `Dicke` eine Zahl wie z.B. `3` für Anzahl Pixel der Dicke des Außenrahmens angeben.
Für `Typ` einen der folgenden Werte notieren:
`box` = Rahmen rundum,
`above` = Rahmen nur oben,
`below` = Rahmen nur unten,
`hsides` = Rahmen nur oben und unten.
`vsides` = Rahmen nur links und rechts.
`lhs` = Rahmen nur links.
`rhs` = Rahmen nur rechts.
Beschreibung

Regeln für Gitternetzlinien | `<table border="Dicke" rules="Typ"> <!-- Tabelleninhalt --> </table>`

Rahmendicke angeben, damit Außenrahmen und Gitternetz sichtbar sind.
Für `Dicke` eine Zahl wie z.B. `3` für Anzahl Pixel der Dicke des Außenrahmens angeben.
Für `Typ` einen der folgenden Werte notieren:
`none` = keine Gitternetzlinien,
`rows` = Linien nur zwischen Tabellenzeilen,
`cols` = Linien nur zwischen Tabellenspalten,
`groups` = Linien nur zwischen Kopf, Körper und Fuß,
`all` = komplettes Gitternetz (Normaleinstellung).
Beschreibung

Breiten- und Höhenangaben | `<table width="Breite"> <tr> <th width="Breite" height="Höhe">Kopfzelle</th> <th>Kopfzelle</th> </tr> <tr> <td>Datenzelle</td> <td width="Breite" height="Höhe">Datenzelle</td> </tr> </table>`

`width` = Breite,
`height` = Höhe.
Breite der gesamten Tabelle im einleitenden `<table>`-Tag angeben,
Breite einer Spalte in einem der einleitenden `<th>`- oder `<td>`-Tags der Spalte,
und Höhe einer Tabellenzeile in einem der einleitenden `<th>`- oder `<td>`-Tags der Zeile.
Für `Breite` eine Zahl wie z.B. `100` für Pixel angeben,
oder einen Prozentwert wie z.B. `20%`.
Für `Höhe` eine Zahl wie z.B. `50` für Pixel angeben.
Beschreibung

Zeilenumbruch in Zellen verhindern | `<th nowrap>Kopfzelle</th> <td nowrap>Datenzelle</td>`
Beschreibung
Zellen horizontal ausrichten | `<th align="Ausrichtung">Kopfzelle</th> <td align="Ausrichtung">Datenzelle</td>`

Für `Ausrichtung` einen der folgenden Werte notieren:
`left` = linksbündig,
`center` = zentriert,
`right` = rechtsbündig,
`justify` = Blocksatz,
`char` = um Dezimalzeichen. In diesem Fall `char=` als zusätzliches Attribut notieren und als Wert ein Dezimalzeichen wie Komma zuweisen (`char=","`). Mit einem weiteren Attribut `charoff=` gegebenenfalls angeben, an welcher Position das Dezimalzeichen frühestens vorkommen kann (z.B. `charoff="10"`).
Beschreibung

Zellen vertikal ausrichten | `<th valign="Ausrichtung">Kopfzelle</th> <td valign="Ausrichtung">Datenzelle</td>`
Für `Ausrichtung` einen der folgenden Werte notieren: `top` = obenbündig, `middle` = mittig, `bottom` = untenbündig, `baseline` = an gemeinsamer Basislinie, so dass erste Textzeile immer auf gleicher Höhe beginnt. Beschreibung
Hintergrundfarbe | `<table bgcolor="#XXXXXX"> <tr bgcolor="#XXXXXX"> <th bgcolor="#XXXXXX">Kopfzelle</th> <td bgcolor="#XXXXXX">Datenzelle</td> </tr> </table>`
Für `#XXXXXX` eine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen. Beschreibung
Hintergrundbild (Wallpaper) | `<table background="URI"> <tr background="URI"> <th background="URI">Kopfzelle</th> <td background="URI">Datenzelle</td> </tr> </table>`
Für `URI` eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Grafikdatei angeben. Beschreibung
Zellen verbinden | `<th rowspan="Zeilen">Kopfzelle</th> <td rowspan="Zeilen">Datenzelle</td> <th colspan="Spalten">Kopfzelle</th> <td colspan="Spalten">Datenzelle</td> <th rowspan="Zeilen" colspan="Spalten">Kopfzelle</th> <td rowspan="Zeilen" colspan="Spalten">Datenzelle</td>`
Für `Zeilen` eine Zahl wie z.B. `3` angeben, um festzulegen, über wie viele Zeilen sich die Zelle erstrecken soll. Für `Spalten` eine Zahl wie z.B. `3` angeben, um festzulegen, über wie viele Spalten sich die Zelle erstrecken soll. Beschreibung
Tabellen- Beschriftung | `<table> <caption align="Ausrichtung">Text</caption> <tr> <td>Zelle</td> <td>Zelle</td> </tr> </table>`

Das `caption`-Element unmittelbar hinter dem einleitenden `<table>`-Tag notieren. Das Attribut zur Ausrichtung (`align`) ist optional.
Für `Ausrichtung` einen der folgenden Werte notieren:
`left` = Tabellenbeschriftung seitlich links der Tabelle,
`right` = Tabellenbeschriftung seitlich rechts der Tabelle,
`bottom` = Tabellenbeschriftung unter der Tabelle,
`top` = Tabellenbeschriftung oberhalb der Tabelle (Normaleinstellung).
Beschreibung

Tabellen ausrichten | `<table align="Ausrichtung" hspace="LinksRechts" vspace="ObenUnten"> <!-- Tabelleninhalt --> </table>`

Für `Ausrichtung` einen der folgenden Werte notieren:
`left` = Tabelle links ausrichten (nachfolgende Inhalte fließen rechts vorbei),
`right` = Tabelle rechts ausrichten (nachfolgende Inhalte fließen links vorbei),
`center` = Tabelle zentriert ausrichten.
Für `LinksRechts` eine Zahl wie z.B. `10` notieren, um den Pixelabstand von Tabelle zur Umgebung links und rechts zu bestimmen.
Für `ObenUnten` eine Zahl wie z.B. `10` notieren, um den Pixelabstand von Tabelle zur Umgebung oben und unten zu bestimmen.
Beschreibung

Zusammenfassung des Tabelleninhalts | `<table summary="Text"> <!-- Tabelleninhalt --> </table>`
Beschreibung

## Verweise (Links)

Verweis definieren | `<a href="URI">Verweistext</a>`

Für `URI` eine Web-Adresse oder ein Ziel mit oder ohne Pfad der Datei oder Quelle angeben, das verlinkt werden soll.
`URI` kann sein:
Anker in der gleichen Datei (z.B. `#Ankername`)
Andere Datei (z.B. `datei.htm`)
Andere Datei in anderem Verzeichnis (z.B. `../verzeichnis/datei.htm`)
Anker in der anderer Datei (z.B. `datei.htm#Ankername`)
WWW-Adresse (`http://...`)
Gopher-Adresse (`gopher://...`)
FTP-Adresse (`ftp://...`)
Telnet-Adresse (`telnet://...`)
Newsgroup-Adresse (`news:...`)
Absolute lokale Adresse (`file://...`)
Beschreibung

Anker definieren | `<a name="Ankername">[Inhalt]</a>`
Für `Ankername` einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (`_`), Bindestrich (`-`), Doppelpunkt (:) oder Punkt (`.`). Beschreibung
Zielfenster für Verweise | `<a href="URI" target="Zielfenster">Verweistext</a>`
Für `Zielfenster` den Namen eines definierten Framefensters angeben oder einen der folgenden reservierten Namen: `_blank` = Verweis in neuem Fenster öffnen, `_self` = Verweis im gleichen Fenster öffnen, `_parent` = aktuelles Frameset beim Ausführen des Verweises sprengen, `_top` = alle Framesets beim Ausführen des Verweises sprengen. Beschreibung
E-Mail-Verweise | `<a href="mailto:name@domain.xy">Verweistext</a>` `<a href="mailto:name@domain.xy?subject=Thema">Verweistext</a>` `<a href="mailto:name@domain.xy?cc=name2@domain.xy">Verweistext</a>` `<a href="mailto:name@domain.xy?bcc=name2@domain.xy">Verweistext</a>` `<a href="mailto:name@domain.xy?body=Text">Verweistext</a>` `<a href="mailto:name@domain.xy?Zusatz1&Zusatz2">Verweistext</a>`

Auf Wunsch vorbelegtes Thema (`subject=`), sichtbaren Kopienempfänger (`cc=`), unsichtbaren Kopienempfänger (`bcc=`) oder vorbelegten Text (`body=`) angeben. Mehrere solcher Zusatzangaben kombinieren wie im Schema mit `?Zusatz1&Zusatz2`.
In den Angaben Zeichen mit Zeichenwerten größer 127 hexadezimal maskieren, z.B. `%FC` für `252` ("ü"). Ebenso einige Standardzeichen, die in URIs Bedeutung haben können, maskieren.
Beschreibung

Logische Beziehungen zum Verweisziel | `<a href="URI" rel="Beziehung">Verweistext</a> <a href="URI" rev="Beziehung">Verweistext</a>`

`rel=` steht für Beziehung, `rev=` für Rückbeziehung.
Für `Beziehung` einen der folgenden Werte notieren:
`contents` = Inhaltsverzeichnis
`chapter` = Kapitel
`section` = Abschnitt
`subsection` = Unterabschnitt
`index` = Stichwortverzeichnis
`glossary` = Glossar
`appendix` = Anhang
`copyright` = rechtliche Hinweise
`next` = nächste Seite
`prev` = vorherige Seite
`start` = Anfangsseite
`start` = Hilfeseite
`bookmark` = allgemeiner Orientierungspunkt
`alternate` = andere Lesart
Beschreibung

Sprache und Zeichensatz des Verweisziels | `<a href="URI" hreflang="Sprachenkürzel" charset="Zeichensatz">Verweistext</a>`
Für `Sprachenkürzel` so etwas wie `de`, `en`, `fr`, und für `Zeichensatz` so etwas wie `ISO-8859-1` notieren. Beschreibung
Tabulator-Reihenfolge | `<a href="URI" tabindex="Indexnummer">Verweistext</a>`
Bei jedem Verweis für `Indexnummer` eine Zahl notieren. Die niedrigste Nummer wird zuerst angesprungen, die höchste zuletzt. Beschreibung
Tastaturkürzel | `<a href="URI" accesskey="Buchstabe">Verweistext</a>`
Für `Buchstabe` so etwas wie `h` oder `m` eingeben. Ausführbar meistens mit [Alt]-Taste plus dem angegebenen Buchstaben. Beschreibung

## Grafiken

Grafiken einbinden | `<img src="URI" alt="Alternativtext">`
Für `URI` eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Grafikdatei angeben. Für `Alternativtext` einen Kurztext notieren für den Fall, dass die Grafik nicht angezeigt werden kann. Beschreibung
Breite und Höhe der Grafik | `<img src="URI" alt="Alternativtext" width="Breite" height="Höhe">`
Für `Breite` und `Höhe` eine Zahl wie z.B. `100` für Pixel angeben, oder einen Prozentwert wie z.B. `60%` für Größe in Bezug auf Umgebung. Beschreibung
Rahmen um Grafik | `<img src="URI" alt="Alternativtext" border="Dicke">`
Für `Dicke` eine Zahl wie z.B. `3` für die Rahmendicke in Pixeln notieren. Beschreibung
Namen für Grafik | `<img src="URI" alt="Alternativtext" name="Name">`
Für `Name` einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (`_`), Bindestrich (`-`), Doppelpunkt (:) oder Punkt (`.`). Beschreibung
Langbeschreibung für Grafik | `<img src="URI" alt="Alternativtext" longdesc="URI">`
Für `URI` bei `longdesc` eine Web-Adresse oder ein Ziel mit oder ohne Pfad einer Datei (z.B. HTML) mit Beschreibungen zur Grafik angeben. Beschreibung
Grafiken im Text ausrichten | `<img src="URI" alt="Alternativtext" align="Ausrichtung">`
Für `Ausrichtung` einen der folgenden Werte notieren: `top` = obenbündig mit Text davor oder danach, `middle` = mittig zu Text davor oder danach, `bottom` = untenbündig mit Text davor oder danach. Beschreibung
Text um Grafik fließen lassen | `<img src="URI" alt="Alternativtext" align="Ausrichtung" hspace="LinksRechts" vspace="ObenUnten">`

Für `Ausrichtung` einen der folgenden Werte notieren:
`left` = Grafik links ausrichten (nachfolgende Inhalte fließen rechts vorbei),
`right` = Grafik rechts ausrichten (nachfolgende Inhalte fließen links vorbei),
Für `LinksRechts` eine Zahl wie z.B. `10` notieren, um den Pixelabstand von Grafik zur Umgebung links und rechts zu bestimmen.
Für `ObenUnten` eine Zahl wie z.B. `10` notieren, um den Pixelabstand von Grafik zur Umgebung oben und unten zu bestimmen.
Beschreibung

Verweis-sensitive Grafik | `<img src="URI" alt="Alternativtext" usemap="#Mapname"> <map name="Mapname"> <area shape="Typ" coords="Koordinaten" href="URI"> </map>`

Bei `Mapname` beim `usemap`-Attribut des `<img>`-Tags und beim `name`-Attribut des `<map>`-Tags den gleichen Namen vergeben. Beim `usemap`-Attribut das Gatterzeichen `#` voranstellen.
Bei `Typ` einen der folgenden Werte notieren:
`rect` = viereckiger Bereich innerhalb der Grafik,
`circle` = Kreisbereich,
`poly` = vieleckiger Bereich (Polygon).
Bei `Koordinaten` bei `rect` so etwas angeben wie `10,20,90,100` (10 ist Anfang Pixel von links, 20 Anfang oben, 90 Ende links, 100 Ende unten),
bei `Koordinaten` bei `circle` so etwas angeben wie `100,150,50` (100 ist Kreismittelpunkt in Pixeln von links, 150 Kreismittelpunkt von oben, 50 der Kreisradius),
und bei `Koordinaten` bei `poly` so etwas angeben wie `10,20,40,30,300,200` (10 ist erste Ecke links in Pixeln, 20 erste Ecke oben, 40 zweite Ecke links, 30 zweite Ecke oben, 300 dritte Ecke links, 200 dritte Ecke oben). Usw. bebliebig viele Ecken.
Bei `URI` beim `href`-Atribut das Verweisziel notieren, das mit dem verweis-sensitiven Bereich verknüpft sein soll.
Beschreibung

## Formulare

Formular definieren | `<form action="URI" method="Methode" enctype="Mime-Type"> <!-- Formularelemente und andere Elemente innerhalb des Formulars --> </form>`

Für `URI` eine Web-Adresse oder ein Ziel mit oder ohne Pfad der Datei oder Quelle angeben, das die Daten verarbeiten soll.
`URI` kann z.B. ein CGI-Script, eine HTML-Datei mit PHP-Code oder eine E-Mail-Adresse (`mailto:jemand@irgendwo.xy`) sein.
Für `Methode` entweder `get` oder `post` notieren (bei mailto-Formularen immer `post`)
Für `Mime-Type` bei mailto-Formularen `text/plain` angeben.
Beschreibung

Zielfenster für Server-Antwort | `<form action="URI" method="Methode" target="Zielfenster"> <!-- Formularelemente und andere Elemente innerhalb des Formulars --> </form>`
Für `Zielfenster` den Namen eines definierten Framefensters angeben oder einen der folgenden reservierten Namen: `_self` = Antwort im gleichen Fenster ausgeben wie das Formular, `_parent` = aktuelles Frameset für Antwort sprengen, `_top` = alle Framesets für Antwort sprengen. Beschreibung
Zeichensätze für Verarbeitung | `<form action="URI" method="Methode" accept-charset="Zeichensatzliste"> <!-- Formularelemente und andere Elemente innerhalb des Formulars --> </form>`
Für `Zeichensatzliste` so etwas eingeben wie `ISO-8859-1, ISO-8859-2`. Beschreibung
Einzeilige Eingabefelder | `<input type="text" size="Länge" maxlength="MaxLänge" name="Name">`
Für `Länge` die Anzeigebreite des Feldes in Zeichen notieren (optional). Für `MaxLänge` die maximal eingebbare Anzahl Zeichen notieren (optional). Für `Name` einen Namen notieren (optional). Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (`_`), Bindestrich (`-`), Doppelpunkt (:) oder Punkt (`.`). Beschreibung
Einzeilige Eingabefelder Textvorbelegung | `<input type="text" value="Wert">`
Für `Wert` den Text der Vorbelegung notieren. Beschreibung
Eingabefelder für Passwort | `<input type="password" size="Länge" maxlength="MaxLänge" name="Name">`
Beschreibung
Mehrzeilige Eingabefelder | `<textarea cols="Spalten" rows="Reihen" name="Elementname"> Optionale Textvorbelegung </textarea>`
Für `Spalten` die Anzeigebreite des in Anzahl Zeichen pro Zeile notieren. Für `Reihen` die Anzeigehöhe in Zeilen notieren. Für `Name` einen Namen notieren (optional). Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (`_`), Bindestrich (`-`), Doppelpunkt (:) oder Punkt (`.`). Beschreibung
Mehrzeilige Eingabefelder Umbruchkontrolle | `<textarea cols="Spalten" rows="Reihen" wrap="Umbruch"> </textarea>`
Kein HTML-Standard! Für `Umbruch` einen der folgenden Werte notieren: `soft` = automatischer Zeilenumbruch nur bei Eingabe, `hard` = automatischer Zeilenumbruch bei Eingabe wird zu Zeilenumbrüchen bei Formularversand, `virtual` = wie `soft`. `physical` = wie `hard`. `off` = kein automatischer Zeilenumbruch bei Eingabe. Beschreibung
Eingabefelder nur lesen | `<input type="text" readonly value="Text nur lesbar"> <textarea cols="Spalten" rows="Reihen" readonly> Text nur lesbar </textarea>`
Beschreibung
Auswahlliste | `<select size="Höhe" name="Name"> <option>Eintrag</option> <option>anderer Eintrag</option> </select>`
Für `Höhe` eine Zahl wie `1` oder `10` notieren, um die Anzeigehöhe der Liste (Anzahl gleichzeitig angezeigter Einträge) zu bestimmen. Für `Name` einen Namen notieren (optional). Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (`_`), Bindestrich (`-`), Doppelpunkt (:) oder Punkt (`.`). Beschreibung
Auswahlliste Mehrfachauswahl | `<select multiple size="Höhe"> <option>Eintrag</option> <option>anderer Eintrag</option> </select>`
Attribut `multiple`. Beschreibung
Auswahlliste mit Vorauswahl | `<select multiple size="Höhe"> <option>Eintrag</option> <option selected>anderer Eintrag</option> </select>`
Attribut `selected`, Beschreibung
Absendewert von Listeneinträgen | `<select size="Höhe"> <option value="Wert">Eintrag</option> <option value="Wert">anderer Eintrag</option> </select>`
Für `Wert` bei jedem Eintrag einen passenden Absendewert notieren. Beschreibung
Menüstruktur | `<select size="Höhe"> <optgroup label="Menütext"> <option>Eintrag</option> <option>anderer Eintrag</option> </optgroup> <optgroup label="Menütext"> <option>Eintrag</option> <option>anderer Eintrag</option> </optgroup> </select>`
Für `Menütext` jeweils eine Beschriftung für das Untermenü notieren. Beschreibung
Radiobuttons | `<input type="radio" name="Name" value="Wert"> Text`
Für `Name` einen Namen notieren. Zusammengehörige Radiobuttons erhalten den gleichen Namen. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (`_`), Bindestrich (`-`), Doppelpunkt (:) oder Punkt (`.`). Für `Wert` einen Text notieren, der beim Formularversand diesen Button bezeichnet. Für `Text` einen sichtbaren Beschriftungstext notieren. Beschreibung
Checkboxen | `<input type="checkbox" name="Name" value="Wert"> Text`
Für `Name` einen Namen notieren. Zusammengehörige Checkboxen erhalten den gleichen Namen. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (`_`), Bindestrich (`-`), Doppelpunkt (:) oder Punkt (`.`). Für `Wert` einen Text notieren, der beim Formularversand diese Checkbox bezeichnet. Für `Text` einen sichtbaren Beschriftungstext notieren. Beschreibung
Einträge vorselektieren | `<input type="radio" checked name="Name" value="Wert"> Text <input type="checkbox" checked name="Name" value="Wert"> Text`
Attribut `checked`. Beschreibung
Klickbuttons (1) | `<input type="button" name="Name" value="Beschriftung" onClick="Aktion">`
Für `Name` einen Namen notieren. Zusammengehörige Checkboxen erhalten den gleichen Namen. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (`_`), Bindestrich (`-`), Doppelpunkt (:) oder Punkt (`.`). Für `Beschriftung` den Text notieren, der als Button-Beschriftung angezeigt wird. Für `Aktion` z.B. eine JavaScript-Anweisung notieren. Beschreibung
Klickbuttons (2) | `<button type="button" name="Name" value="Alternativbeschriftung" onClick="..."> Beschriftung </button>`

Für `Name` einen Namen notieren. Zusammengehörige Checkboxen erhalten den gleichen Namen. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (`_`), Bindestrich (`-`), Doppelpunkt (:) oder Punkt (`.`).
Für `Alternativbeschriftung` einen Beschriftungstext notieren, falls kein Elementinhalt notiert wird.
Für `Beschriftung` die Anzeigefläche des Buttons gestalten, z.B. auch mit Grafiken und anderen HTML-Elementen.
Beschreibung

Formularfeld für Datei-Upload | `<input type="file" name="Name" maxlength="Größe" accept="Mime-Type">`

Für `Name` einen Namen notieren. Zusammengehörige Checkboxen erhalten den gleichen Namen. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (`_`), Bindestrich (`-`), Doppelpunkt (:) oder Punkt (`.`).
Für `Größe` die maximale Byte-Größe der Datei angeben, z.B. `100000` (unzuverlässig!).
Für `Mime-Type` so etwas notieren wie `text/*`
Wichtig: im `<form>`-Tag `enctype="multipart/form-data"` notieren.
Beschreibung

Versteckte Elemente | `<input type="hidden" name="Name" value="Wert">`
Für `Name` einen Namen notieren. Zusammengehörige Checkboxen erhalten den gleichen Namen. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (`_`), Bindestrich (`-`), Doppelpunkt (:) oder Punkt (`.`). Für `Wert` einen Text notieren, der beim Formularversand mit übertragen, aber nicht angezeigt wird. Beschreibung
Elemente gruppieren | `<fieldset> <legend>Gruppenüberschrift</legend> <!-- Formularelemente --> </fieldset>`
Beschreibung
Label für Elemente | `<label for="idName">Beschriftung:</label> <[Formularelement] id="idName">`
`idName` müssen beim `for`-Attribut des `<label>`-Tags und beim `id`-Attribut des zugehörigen Formular-Elements übereinstimmen. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (`_`), Bindestrich (`-`), Doppelpunkt (:) oder Punkt (`.`). Beschreibung
Tabulator-Reihenfolge | `<[Formularelement] tabindex="Indexnummer">`
Bei jedem Formularelement für `Indexnummer` eine Zahl notieren. Die niedrigste Nummer wird zuerst angesprungen, die höchste zuletzt. Beschreibung
Tastaturkürzel | `<[Formularelement] accesskey="Buchstabe">`
Für `Buchstabe` so etwas wie `h` oder `m` eingeben. Ausführbar meistens mit [Alt]-Taste plus dem angegebenen Buchstaben. Beschreibung
Elemente ausgrauen | `<[Formularelement] disabled>`
Beschreibung
Buttons zum Absenden/ Abbrechen (1) | `<input type="submit" value="Beschriftung"> <input type="reset" value="Beschriftung">`
Für `Beschriftung` den jeweiligen Beschriftungstext des Buttons notieren. Beschreibung
Grafischer Absendebutton | `<input type="image" src="URI">`
Für `URI` eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Grafikdatei angeben. Beschreibung

## Frames

Framesets und Frames | `<html><head><title>Titel</title></head> <frameset cols="Spalten" rows="Reihen"> <frame src="URI" name="Name"> <noframes> Wird angezeigt, wenn der Browser keine Frames anzeigen kann </noframes> </frameset> </html>`

Anzeigefenster in Spalten (`cols=`) oder Reihen (`rows=`) aufteilen.
Zwei oder mehrere Teile in Pixeln oder Prozent angeben, durch Kommata getrennt, z.B. `rows="60%,40%"`.
Wildcard * erlaubt, z.B. `cols="200,*"`.
Verschachtelung von Framesets möglich.
Für jedes entstehende Segment ein `<frame>`-Tag notieren.
Für `URI` eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Datei angeben, die im Framefenster angezeigt werden soll.
Für `Name` einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (`_`), Bindestrich (`-`), Doppelpunkt (:) oder Punkt (`.`).
Bereich mit `noframes`-Element notieren wie gezeigt. Inhalt wird nur angezeigt, wenn Browser keine Frames anzeigen kann. Inhalt kann HTML-Elemente enthalten.
Beschreibung

Scrollbars in Frames | `<frame src="URI" name="Name" scrolling="Option">`
Für `Option` einen der folgenden Werte angeben: `yes` = Scrollbars anzeigen, `no` = keine Scrollbars anzeigen (kein Scrollen möglich), `auto` = Scrollbars bei Bedarf anzeigen (Normaleinstellung). Beschreibung
Abstand/Rand zu Fensterinhalt | `<frame src="URI" name="Name" marginwidth="LinksRechts" marginheight="ObenUnten">`
Für `LinksRechts` eine Zahl wie z.B. `10` notieren, um den Pixelabstand von Frame-Rand zum Frame-Inhalt links und rechts zu bestimmen. Für `ObenUnten` eine Zahl wie z.B. `10` notieren, um den Pixelabstand von Frame-Rand zu Frame-Inhalg oben und unten zu bestimmen. Beschreibung
Unveränderbare Fenstergröße | `<frame src="URI" name="Name" noresize>`
Alle benachbarten Frames sind durch `noresize` mit betroffen. Beschreibung
Rahmendicke/ unsichtbare Rahmen | `<frame src="URI" name="Name" frameborder="Dicke"> <frameset [...] border="Dicke" frameborder="Dicke" framespacing="Abstand">`
HTML-Standard erlaubt nur `border`-Attribut im `<frame>`-Tag. Browser interpretieren diese Angaben jedoch anders als HTML-Standard, nämlich im `<frameset>`-Tag. Für unsichtbare Rahmen alle drei Werte für `Dicke` auf `0` setzen. Beschreibung
Eingebettete Frames | `<iframe src="URI" name="Name" width="Breite" height="Höhe"> Inhalt bei Nichtanzeige </iframe>`

Für `URI` eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Datei angeben, die im Framefenster angezeigt werden soll.
Für `Name` einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (`_`), Bindestrich (`-`), Doppelpunkt (:) oder Punkt (`.`).
Für `Breite` und `Höhe` eine Zahl wie z.B. `100` für Pixel angeben,
oder einen Prozentwert wie z.B. `60%` für Größe in Bezug auf Umgebung.
Beschreibung

Eigenschaften eingebetteter Frames | `<iframe src="URI" name="Name" width="Breite" height="Höhe" scrolling="Option" align="Ausrichtung" hspace="LinksRechts" vspace="ObenUnten" marginwidth="RandLinksRechts" marginheight="RandObenUnten"> Inhalt bei Nichtanzeige </iframe>`

Für `Option` einen der folgenden Werte angeben:
`yes` = Scrollbars anzeigen,
`no` = keine Scrollbars anzeigen (kein Scrollen möglich),
`auto` = Scrollbars bei Bedarf anzeigen (Normaleinstellung).
Für `Ausrichtung` einen der folgenden Werte notieren:
`left` = Fenster links ausrichten (nachfolgende Inhalte fließen rechts vorbei),
`right` = Fenster rechts ausrichten (nachfolgende Inhalte fließen links vorbei),
Für `LinksRechts` eine Zahl wie z.B. `10` notieren, um den Pixelabstand von Fenster zur Umgebung links und rechts zu bestimmen.
Für `ObenUnten` eine Zahl wie z.B. `10` notieren, um den Pixelabstand von Fenster zur Umgebung oben und unten zu bestimmen.
Für `RandLinksRechts` eine Zahl wie z.B. `10` notieren, um den Pixelabstand von Fensterrand zum Fensterinhalt links und rechts zu bestimmen.
Für `RandObenUnten` eine Zahl wie z.B. `10` notieren, um den Pixelabstand von Fensterrand zum Fensterinhalt oben und unten zu bestimmen.
Beschreibung

## Multimedia-Objekte

Daten als Objekt einbinden | `<object data="URI" type="Mime-Type" width="Breite" height="Höhe"> Alternativer Inhalt </object>`
Für `URI` eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Datei angeben, die angezeigt werden soll. Für `Mime-Type` so etwas wie `image/svg+xml` notieren, je nachdem, welcher Dateityp referenziert wird. Für `Breite` und `Höhe` eine Zahl wie z.B. `100` für Pixel angeben, oder einen Prozentwert wie z.B. `60%` für Größe in Bezug auf Umgebung. Beschreibung
Java-Applets als Objekt | `<object width="Breite" height="Höhe" classid="java:datei.class" codebase="URI" codetyte="application/java-vm"> <param name="Name" value="Wert"> </object>`
`codebase`-Attribut angeben, wenn Applet nicht im aktuellen Verzeichnis liegt. Mit `URI` die Adresse des Verzeichnisses angeben. Parameter mit `name`- und `value`-Attribut angeben wenn es das Applet erfordert. Beschreibung
ActiveX als Objekt | `<object width="Breite" height="Höhe" classid="CLSID:XXXXXX-XXXX-XXXXXX"> <param name="Name" value="Wert"> </object>`
Für `XXXXXX-XXXX-XXXXXX` die ID des ActiveX-Controls notieren. Beschreibung
Flash-Movies als Objekt | `<object width="Breite" height="Höhe" classid="CLSID:CLSID:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash5/cabs/ swflash.cab#version=5,0,0,0"> <param name="movie" value="datei.swf"> <param name="Name" value="Wert"> </object>`
`classid`-Attribut erhält immer diesen Wert. Beim `codebase`-Attribut Flash-Version angeben. Beim einem der Parameter `name`-Attribut `movie` beim `value`-Attribut den Dateinamen der swf-Datei angeben. Parameter mit `name`- und `value`-Attribut ansonsten angeben wenn es die Anwendung erfordert. Beschreibung
Rahmen um Objekt | `<object data="URI" type="Mime-Type" border="Dicke"></object>`
Für `Dicke` eine Zahl wie z.B. `3` für die Rahmendicke in Pixeln notieren. Beschreibung
Namen für Objekt | `<object data="URI" type="Mime-Type" name="Name"></object>`
Für `Name` einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (`_`), Bindestrich (`-`), Doppelpunkt (:) oder Punkt (`.`). Beschreibung
Objekt im Text ausrichten | `<object data="URI" type="Mime-Type" align="Ausrichtung"></object>`
Für `Ausrichtung` einen der folgenden Werte notieren: `top` = obenbündig mit Text davor oder danach, `middle` = mittig zu Text davor oder danach, `bottom` = untenbündig mit Text davor oder danach. Beschreibung
Text um Objekt fließen lassen | `<object data="URI" type="Mime-Type" align="Ausrichtung" hspace="LinksRechts" vspace="ObenUnten"> </object>`

Für `Ausrichtung` einen der folgenden Werte notieren:
`left` = Objekt links ausrichten (nachfolgende Inhalte fließen rechts vorbei),
`right` = Objekt rechts ausrichten (nachfolgende Inhalte fließen links vorbei),
Für `LinksRechts` eine Zahl wie z.B. `10` notieren, um den Pixelabstand von Objekt zur Umgebung links und rechts zu bestimmen.
Für `ObenUnten` eine Zahl wie z.B. `10` notieren, um den Pixelabstand von Objekt zur Umgebung oben und unten zu bestimmen.
Beschreibung

Meldung bei Ladevorgang | `<object data="URI" type="Mime-Type" standby="Text"></object>`
Für `Text` einen Meldungstext notieren. Beschreibung
Objektinstanz nur auf Wunsch | `<object declare classid="CLSID:XXXXXX-XXXX-XXXXXX"> </object>`
Attribut `declare`. Beschreibung
Java-Applets einbinden | `<applet code="datei.class" codebase="URI" alt="Text" width="Breite" height="Höhe"> <param name="Name" value="Wert"> </applet>`
`codebase`-Attribut angeben, wenn Applet nicht im aktuellen Verzeichnis liegt. Mit `URI` die Adresse des Verzeichnisses angeben. Für `Breite` und `Höhe` eine Zahl wie z.B. `100` für Pixel angeben, oder einen Prozentwert wie z.B. `60%` für Größe in Bezug auf Umgebung. Parameter mit `name`- und `value`-Attribut angeben wenn es das Applet erfordert. Beschreibung
Java-Applets- Eigenschaften | `<applet code="datei.class" codebase="URI" alt="Text" width="Breite" height="Höhe" align="Ausrichtung" hspace="LinksRechts" vspace="ObenUnten"> <param name="Name" value="Wert"> </applet>`

Für `Ausrichtung` einen der folgenden Werte notieren:
`top` = obenbündig mit Text davor oder danach,
`middle` = mittig zu Text davor oder danach,
`bottom` = untenbündig mit Text davor oder danach.
`left` = Applet links ausrichten (nachfolgende Inhalte fließen rechts vorbei),
`right` = Applet rechts ausrichten (nachfolgende Inhalte fließen links vorbei),
Für `LinksRechts` eine Zahl wie z.B. `10` notieren, um den Pixelabstand von Applet zur Umgebung links und rechts zu bestimmen.
Für `ObenUnten` eine Zahl wie z.B. `10` notieren, um den Pixelabstand von Applet zur Umgebung oben und unten zu bestimmen.
Beschreibung

Multimedia (Netscape) | `<embed src="URI" width="Breite" height="Höhe">`
Gehört nicht zum HTML-Standard! Für `URI` eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Datei angeben, die angezeigt werden soll. Für `Breite` und `Höhe` eine Zahl wie z.B. `100` für Pixel angeben, oder einen Prozentwert wie z.B. `60%` für Größe in Bezug auf Umgebung. Beschreibung

## Layer (Netscape)

Layer definieren | `<layer id="Name" top="oben" left="links" width="Breite" height="Höhe"> Inhalt </layer>`
Für `Name` einen dokumentweit eindeutigen Namen vergeben. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (`_`), Bindestrich (`-`), Doppelpunkt (:) oder Punkt (`.`). Für `oben` und `links` Pixel wie z.B. `40` und `150` für die obere linke Startecke angeben. Für `Breite` und `Höhe` eine Zahlen wie z.B. `100` und `200` für Pixel angeben. Beschreibung
Inline-Layer definieren | `<ilayer>Inhalt</ilayer>`
Beschreibung
Anzeigebereich beschneiden | `<layer top="oben" left="links" clip="x1,x2,x3,x4">Inhalt</layer>` `<layer top="oben" left="links" clip="xb,xh">Inhalt</layer>`
`x1` = Pixel für links. `x2` = Pixel für oben. `x3` = Pixel für rechts. `x4` = Pixel für unten. `xb` = Pixel für Breite. `xh` = Pixel für Höhe. Beschreibung
Externe Datei | `<layer top="oben" left="links" src="URI"> Inhalt</layer>`
Für `URI` eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Datei angeben, die angezeigt werden soll. Beschreibung
Hintergrundfarbe | `<layer top="oben" left="links" bgcolor="#XXXXXX"> Inhalt</layer>`
Für `#XXXXXX` eine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen. Beschreibung
Hintergrundbild | `<layer top="oben" left="links" background="#URI"> Inhalt</layer>`
Für `URI` eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Grafikdatei angeben. Beschreibung
Schichtposition mit Namen | `<layer top="oben" left="links" above="Name" below="Name"> Inhalt</layer>`
Wenn zuvor definierter Layer über dem aktuellen liegen soll, dessen id-Namen bei `above=` angeben. Wenn zuvor definierter Layer unter dem aktuellen liegen soll, dessen id-Namen bei `below=` angeben. Beschreibung
Schichtposition mit Nummern | `<layer top="oben" left="links" z-index="Wert"> Inhalt</layer>`
Bei `Wert` eine Nummer vergeben. Layer mit höchster Nummer überdeckt alle anderen, Layer mit niedrigster Nummer wird von allen anderen überdeckt. Beschreibung
Sichtbarkeit | `<layer top="oben" left="links" visibility="Option"> Inhalt</layer>`
Für `Option` einen der folgenden Werte notieren: `show` = Layer sichtbar, `hide` = Layer unsichtbar, `inherit` = Layer erbt Sichtbarkeit vom Eltern-Layer. Beschreibung

## Weiterführende HTML-Elemente

Stylesheet-Bereich für CSS | `<head> <style type="text/css"> <!-- [` `Zentrale Formate` `] --> </style> </head>`
Beschreibung
CSS-Formatierungen im Text | `<[Elementname] style="[``CSS``-Eigenschaften]">...</[Elementname]>`
Beschreibung
Script-Bereich | `<script language="text/javascript"> <!-- /* JavaScript-Code */ //--> </script> <noscript> Inhalt, wenn kein JavaScript möglich ist </noscript>`
Beschreibung

| Kurzreferenz: CSS
| SELFHTML Einstiegsseite

© 2001 selfhtml@teamone.de