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.
 Beschreibung direkt zu den ausführlichen Beschreibungen innerhalb der Dokumentation.
| HTML Grundgerüst | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" | 
|---|---|
| Für Titeleinen aussagekräftigen Titel vergeben! Den gesamten sichtbaren Inhalt der Datei zwischen<body>und</body>notieren. Beschreibung | |
| Dokumenttyp- | 
 
 
 
 
 
 
 
 
 | 
|  Beschreibung | |
| Kommentare | <!-- Dies ist ein Kommentar --> | 
| Zum internen Auskommentieren von Inhalten oder Befehlen. Wird im Browser nicht angezeigt.  Beschreibung | 
| Meta-Angabe: | <meta name="author" content="Name"> | 
|---|---|
| Für Nameden Namen des Urhebers notieren. Beschreibung | |
| Meta-Angabe: | <meta name="description" content="Text"> | 
| Für Texteine Kurzbeschreibung des Inhalts notieren. Beschreibung | |
| Meta-Angabe: | <meta name="keywords" content="Wort, Wort, Wort"> | 
| Für Wortje ein Stichwort zum Inhalt notieren. Anzahl ist flexibel. Stichwörter durch Kommata trennen. Beschreibung | |
| Meta-Angabe: | <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: | <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: | <meta http-equiv="content-type" content="text/html; charset=Kodierung"> | 
| Für Kodierungso etwas wieISO-8859-1notieren. Beschreibung | |
| Meta-Angabe: | <meta http-equiv="Content-Style-Type" content="MIME-Typ"> | 
| Für MIME-Typso etwas wietext/cssnotieren. Beschreibung | |
| Meta-Angabe: | <meta http-equiv="Content-Script-Type" content="MIME-Typ"> | 
| Für MIME-Typso etwas wietext/javascriptnotieren. Beschreibung | |
| Meta-Angabe: | <meta http-equiv="expires" content="0"> | 
| Zeitpunkt angeben, ab dem von Originaladresse geladen werden soll. 0bedeutet: immer von Originaladresse laden (Proxy-Server ignorieren) Beschreibung | |
| Meta-Angabe: | <meta http-equiv="refresh" content="0; URL=URI"> | 
| Angeben, wann und welche Adresse automatisch geladen werden soll. 0bedeutet: sofort (Angabe bedeutet Verzögerung in Sekunden).Für URIeine 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 URIeine 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 targetmehr erforderlich. FürNameden gewünschten Fensternamen angeben. Beschreibung | |
| Logische | <link rel="Beziehung" title="Titel" href="URI"> | 
| relsteht für Beziehung,revfür Rückbeziehung.Für Beziehungeinen der folgenden Werte notieren:contents= Inhaltsverzeichnischapter= Kapitelsection= Abschnittsubsection= Unterabschnittindex= Stichwortverzeichnisglossary= Glossarappendix= Anhangcopyright= rechtliche Hinweisenext= nächste Seiteprev= vorherige Seitestart= Anfangsseitehelp= Hilfeseitebookmark= allgemeiner Orientierungspunktalternate= andere Lesartstylesheet= externe Stylesheet-Datei einbindenFür Titeleinen Beschriftungstext notieren für den Fall, dass die Angabe visuell erscheint.Für URIeine Web-Adresse oder ein Ziel mit oder ohne Pfad der Datei oder Quelle angeben, die verknüpft werden soll. Beschreibung | 
| Farben für Text, | <body bgcolor="#XXXXXX" text="#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 #XXXXXXeine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen. Beschreibung | |
| Hintergrundbild | <body background="URI"> | 
| Für URIeine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Grafikdatei angeben. Beschreibung | 
| Überschriften | <h[1-6]>Text</h[1-6]> | 
|---|---|
| Sechs Überschriftenebenen sind erlaubt, also z.B. <h1>Text</h1>. Beschreibung | |
| Überschriften | <h[1-6] align="Ausrichtung">Text</h[1-6]> | 
| Für Ausrichtungeinen der folgenden Werte notieren:left= linksbündig,center= zentriert,right= rechtsbündig,justify= Blocksatz. Beschreibung | |
| Textabsätze | <p>Text</p> | 
|  Beschreibung | |
| Textabsätze | <p align="Ausrichtung">Text</p> | 
| Für Ausrichtungeinen der folgenden Werte notieren:left= linksbündig,center= zentriert,right= rechtsbündig,justify= Blocksatz. Beschreibung | |
| Zeilenumbruch | Text alte Zeile<br>Text neue Zeile | 
|  Beschreibung | |
| Aufzählungslisten | <ul> | 
|  Beschreibung | |
| Bullet-Typ für | <ul type="Typ"> | 
| Für Typeinen der folgenden Werte notieren:circle= Kreis/Punkt,disc= Scheibe/Dateisymbol,square= Quadrat. Beschreibung | |
| Nummerierte Listen | <ol> | 
|  Beschreibung | |
| Nummerierte Listen | <ol type="Typ"> | 
| Für Typeinen 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 | <ol start="Startwert"> | 
| Für Startwertdie Zahl mit dem gewünschten Startwert notieren,für Fortsetzungswertdie Zahl mit dem gewünschten Fortsetzungswert innerhalb der Liste. Beschreibung | |
| Definitionslisten | <dl> | 
|  Beschreibung | |
| Menülisten | <menu> | 
|  Beschreibung | |
| Verzeichnislisten | <dir> | 
|  Beschreibung | |
| Listendarstellung | <ul compact> <!-- Listeninhalt --> </ul> | 
| Ebenso bei ol,menuunddirmöglich. Beschreibung | |
| Zitate | <blockquote>Text</blockquote> | 
|  Beschreibung | |
| Zitate mit | <blockquote cite="URL">Text</blockquote> | 
| Für URIeine Web-Adresse oder ein Ziel mit der Quelle angeben. Beschreibung | |
| Adressen | <address>Text</address> | 
|  Beschreibung | |
| Präformatierter | <pre>Text</pre> | 
|  Beschreibung | |
| Breite eines | <pre width="Breite">Text</pre> | 
| Für Breitedie gewünschte Zahl der Zeichen pro Zeile angeben. Beschreibung | |
| Logische | <em>betont</em> | 
|  Beschreibung | |
| Änderungs- | <ins>eingefügter Text</ins> | 
|  Beschreibung | |
| Änderungs- | <ins datetime="yyyy-MM-ddThh:mm:ss+hh:mm">eingefügter Text</ins> | 
| 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 Richtungeinen der folgenden Werte notieren:rtl= für rechts nach links,ltr= für links nach rechts. Beschreibung | |
| Physische | <b>fett</b> | 
|  Beschreibung | |
| Allgemeines | <div>verschiedene HTML-Elemente</div> | 
| z.B. für CSS-Formatierungen.  Beschreibung | |
| Allgemeines | <div align="Ausrichtung">verschiedene HTML-Elemente</div> | 
| Für Ausrichtungeinen der folgenden Werte notieren:left= linksbündig,center= zentriert,right= rechtsbündig,justify= Blocksatz. Beschreibung | |
| Allgemeines | <center>verschiedene HTML-Elemente</center> | 
|  Beschreibung | |
| Allgemeines | <span>Text</span> | 
| z.B. für für CSS-Formatierungen.  Beschreibung | |
| Trennlinien | Text davor | 
|  Beschreibung | |
| Trennlinien- | <hr width="Breite" size="Höhe" align="Ausrichtung"> | 
| Für Breiteeine Zahl wie z.B.300für Anzahl Pixel oder einen Prozentwert wie z.B.50%angeben.Für Höheeine Zahl wie z.B.5für Anzahl Pixel angeben.Für Ausrichtungeinen der folgenden Werte notieren:left= linksbündig,center= zentriert,right= rechtsbündig. Beschreibung | |
| Schriftformatierung | <font size="Größe">Text</font> | 
| fontfür Inline-Auszeichnung verwenden,basefontals Auszeichnung für alle nachfolgenden Inhalte.size= Schriftgröße,color= Schriftfarbe,face= Schriftart.Für Größeeinen Wert von1(sehr klein) bis7(sehr groß) notieren -3ist normal.Oder einen relativen Wert wie z.B. +1,+2usw. für größer, oder-1,-2usw. für kleiner.Für #XXXXXXeine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen.Für Schriftartden Namen einer oder mehrerer (alternativer) Schriftarten angeben, mehrere Schriftarten durch Kommata trennen. Beschreibung | 
| Tabellenaufbau | <table border="Dicke"> | 
|---|---|
| Tabelle mit sichtbaren Gitternetzlinien durch Angabe von borderim einleitenden Tabellen-Tag, durch Weglassen wird die Tabelle eine blinde Tabelle.Für Dickeeine Zahl wie z.B.3für Anzahl Pixel der Dicke des Außenrahmens angeben. Beschreibung | |
| Spalten | <table > | 
| Mit <col>-Tags so viele Spalten vordefinieren wie die Tabelle hat. Gruppieren mitcolgroup-Elementen.width= Spaltenbreite (optionale Angabe).Für Breiteeine Zahl wie z.B.100fü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 Anzahleine Zahl wie z.B.3für die Anzahl Spalten angeben, für die die Angaben gelten sollen. Beschreibung | |
| Kopf, Fuß | <table> | 
| In dieser Reihenfolge notieren.  Beschreibung | |
| Zellenabstand und | <table cellspacing="Abstand" cellpadding="Innenabstand"> | 
| cellspacing= Abstand der Zellen untereinander,cellpadding= Innenabstand von Zellenrand zu Zelleninhalt.Für AbstandundInnenabstandZahlen wie z.B.5und10für die Anzahl der gewünschten Pixel angeben. Beschreibung | |
| Regeln für | <table border="Dicke" frame="Typ"> | 
| Rahmendicke angeben, damit ein Außenrahmen sichtbar ist. Für Dickeeine Zahl wie z.B.3für Anzahl Pixel der Dicke des Außenrahmens angeben.Für Typeinen 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 | <table border="Dicke" rules="Typ"> | 
| Rahmendicke angeben, damit Außenrahmen und Gitternetz sichtbar sind. Für Dickeeine Zahl wie z.B.3für Anzahl Pixel der Dicke des Außenrahmens angeben.Für Typeinen 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 | <table width="Breite"> | 
| 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 Breiteeine Zahl wie z.B.100für Pixel angeben,oder einen Prozentwert wie z.B. 20%.Für Höheeine Zahl wie z.B.50für Pixel angeben. Beschreibung | |
| Zeilenumbruch | <th nowrap>Kopfzelle</th> | 
|  Beschreibung | |
| Zellen horizontal | <th align="Ausrichtung">Kopfzelle</th> | 
| Für Ausrichtungeinen der folgenden Werte notieren:left= linksbündig,center= zentriert,right= rechtsbündig,justify= Blocksatz,char= um Dezimalzeichen. In diesem Fallcharals zusätzliches Attribut notieren und als Wert ein Dezimalzeichen wie Komma zuweisen (char=","). Mit einem weiteren Attributcharoffgegebenenfalls angeben, an welcher Position das Dezimalzeichen frühestens vorkommen kann (z.B.charoff="10"). Beschreibung | |
| Zellen vertikal | <th valign="Ausrichtung">Kopfzelle</th> | 
| Für Ausrichtungeinen der folgenden Werte notieren:top= obenbündig,middle= mittig,bottom= untenbündig,baseline= an gemeinsamer Basislinie, sodass erste Textzeile immer auf gleicher Höhe beginnt. Beschreibung | |
| Hintergrundfarbe | <table bgcolor="#XXXXXX"> | 
| Für #XXXXXXeine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen. Beschreibung | |
| Hintergrundbild | <table background="URI"> | 
| Für URIeine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Grafikdatei angeben. Beschreibung | |
| Zellen | 
<th rowspan="Zeilen">Kopfzelle</th> | 
| Für Zeileneine Zahl wie z.B.3angeben, um festzulegen, über wie viele Zeilen sich die Zelle erstrecken soll.Für Spalteneine Zahl wie z.B.3angeben, um festzulegen, über wie viele Spalten sich die Zelle erstrecken soll. Beschreibung | |
| Tabellen- | <table> | 
| Das caption-Element unmittelbar hinter dem einleitenden<table>-Tag notieren. Das Attribut zur Ausrichtung (align) ist optional.Für Ausrichtungeinen 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 | <table align="Ausrichtung" hspace="LinksRechts" vspace="ObenUnten"> | 
| Für Ausrichtungeinen 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 LinksRechtseine Zahl wie z.B.10notieren, um den Pixelabstand von Tabelle zur Umgebung links und rechts zu bestimmen.Für ObenUnteneine Zahl wie z.B.10notieren, um den Pixelabstand von Tabelle zur Umgebung oben und unten zu bestimmen. Beschreibung | |
| Zusammenfassung | <table summary="Text"> | 
|  Beschreibung | 
| Verweis definieren | <a href="URI">Verweistext</a> | 
|---|---|
| Für URIeine Web-Adresse oder ein Ziel mit oder ohne Pfad der Datei oder Quelle angeben, das verlinkt werden soll.URIkann 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 Ankernameeinen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.). Beschreibung | |
| Zielfenster für | <a href="URI" target="Zielfenster">Verweistext</a> | 
| Für Zielfensterden Namen eines definierten Frame-Fensters 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:beispiel@example.org">Verweistext</a><a href="mailto:beispiel@example.org?subject=Thema">Verweistext</a><a href="mailto:beispiel@example.org?cc=name2@example.net">Verweistext</a><a href="mailto:beispiel@example.org?bcc=name2@example.net">Verweistext</a><a href="mailto:beispiel@example.org?body=Text">Verweistext</a><a href="mailto:beispiel@example.org?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. %FCfür252("ü"). Ebenso einige Standardzeichen, die in URIs Bedeutung haben können, maskieren. Beschreibung | |
| Logische | <a href="URI" rel="Beziehung">Verweistext</a> | 
| relsteht für Beziehung,revfür Rückbeziehung.Für Beziehungeinen der folgenden Werte notieren:contents= Inhaltsverzeichnischapter= Kapitelsection= Abschnittsubsection= Unterabschnittindex= Stichwortverzeichnisglossary= Glossarappendix= Anhangcopyright= rechtliche Hinweisenext= nächste Seiteprev= vorherige Seitestart= Anfangsseitehelp= Hilfeseitebookmark= allgemeiner Orientierungspunktalternate= andere Lesart Beschreibung | |
| Sprache und | <a href="URI" hreflang="Sprachenkürzel" | 
| Für Sprachenkürzelso etwas wiede,en,fr,
und fürKodierungso etwas wieISO-8859-1notieren. Beschreibung | |
| Tabulator-Reihenfolge | <a href="URI" tabindex="Indexnummer">Verweistext</a> | 
| Bei jedem Verweis für Indexnummereine Zahl notieren. Die niedrigste Nummer wird zuerst angesprungen, die höchste zuletzt. Beschreibung | |
| Tastaturkürzel | <a href="URI" accesskey="Buchstabe">Verweistext</a> | 
| Für Buchstabeso etwas wiehodermeingeben. Ausführbar meistens mit [Alt]-Taste plus dem angegebenen Buchstaben. Beschreibung | 
| Grafiken einbinden | <img src="URI" alt="Alternativtext"> | 
|---|---|
| Für URIeine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Grafikdatei angeben.Für Alternativtexteinen Kurztext notieren für den Fall, dass die Grafik nicht angezeigt werden kann. Beschreibung | |
| Breite und | <img src="URI" alt="Alternativtext" width="Breite" height="Höhe"> | 
| Für BreiteundHöheeine Zahl wie z.B.100für Pixel angeben,oder einen Prozentwert wie z.B. 60%für Größe in Bezug auf Umgebung. Beschreibung | |
| Rahmen | <img src="URI" alt="Alternativtext" border="Dicke"> | 
| Für Dickeeine Zahl wie z.B.3für die Rahmendicke in Pixeln notieren. Beschreibung | |
| Namen | <img src="URI" alt="Alternativtext" name="Name"> | 
| Für Nameeinen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.). Beschreibung | |
| Langbeschreibung | <img src="URI" alt="Alternativtext" longdesc="URI"> | 
| Für URIbeilongdesceine Web-Adresse oder ein Ziel mit oder ohne Pfad einer Datei (z.B. HTML) mit Beschreibungen zur Grafik angeben. Beschreibung | |
| Grafiken | <img src="URI" alt="Alternativtext" align="Ausrichtung"> | 
| Für Ausrichtungeinen 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 | <img src="URI" alt="Alternativtext" | 
| Für Ausrichtungeinen 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 LinksRechtseine Zahl wie z.B.10notieren, um den Pixelabstand von Grafik zur Umgebung links und rechts zu bestimmen.Für ObenUnteneine Zahl wie z.B.10notieren, um den Pixelabstand von Grafik zur Umgebung oben und unten zu bestimmen. Beschreibung | |
| Verweis-sensitive | <img src="URI" alt="Alternativtext" usemap="#Mapname"> | 
| Bei Mapnamebeimusemap-Attribut des<img>-Tags und beimname-Attribut des<map>-Tags den gleichen Namen vergeben. Beimusemap-Attribut das Gatterzeichen#voranstellen.Bei Typeinen der folgenden Werte notieren:rect= viereckiger Bereich innerhalb der Grafik,circle= Kreisbereich,poly= vieleckiger Bereich (Polygon).Bei Koordinatenbeirectso etwas angeben wie10,20,90,100(10 ist Anfang Pixel von links, 20 Anfang oben, 90 Ende links, 100 Ende unten),bei Koordinatenbeicircleso etwas angeben wie100,150,50(100 ist Kreismittelpunkt in Pixeln von links, 150 Kreismittelpunkt von oben, 50 der Kreisradius),und bei Koordinatenbeipolyso etwas angeben wie10,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. beliebig viele Ecken.Bei URIbeimhref-Attribut das Verweisziel notieren, das mit dem verweis-sensitiven Bereich verknüpft sein soll. Beschreibung | 
| Formular definieren | <form action="URI" method="Methode" enctype="MIME-Typ"> | 
|---|---|
| Für URIeine Web-Adresse oder ein Ziel mit oder ohne Pfad der Datei oder Quelle angeben, das die Daten verarbeiten soll.URIkann z.B. ein CGI-Script, eine HTML-Datei mit PHP-Code oder eine E-Mail-Adresse (mailto:beispiel@example.org) sein.Für Methodeentwedergetoderpostnotieren (bei mailto-Formularen immerpost)Für MIME-Typbei mailto-Formularentext/plainangeben. Beschreibung | |
| Zielfenster für | <form action="URI" method="Methode" target="Zielfenster"> | 
| Für Zielfensterden Namen eines definierten Frame-Fensters 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 | |
| Zeichenkodierung | <form action="URI" method="Methode" accept-charset="Liste mit Kodierungen"> | 
| Für Liste mit Kodierungenso etwas eingeben wieISO-8859-1 ISO-8859-2. Beschreibung | |
| Einzeilige | <input type="text" size="Länge" maxlength="MaxLänge" name="Name"> | 
| Für Längedie Anzeigebreite des Feldes in Zeichen notieren (optional).Für MaxLängedie maximal eingebbare Anzahl Zeichen notieren (optional).Für Nameeinen Namen notieren (optional). Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.). Beschreibung | |
| Einzeilige | <input type="text" value="Wert"> | 
| Für Wertden Text der Vorbelegung notieren. Beschreibung | |
| Eingabefelder | <input type="password" size="Länge" maxlength="MaxLänge" name="Name"> | 
|  Beschreibung | |
| Mehrzeilige | <textarea cols="Spalten" rows="Reihen" name="Elementname"> | 
| Für Spaltendie Anzeigebreite des in Anzahl Zeichen pro Zeile notieren.Für Reihendie Anzeigehöhe in Zeilen notieren.Für Nameeinen Namen notieren (optional). Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.). Beschreibung | |
| Mehrzeilige | <textarea cols="Spalten" rows="Reihen" wrap="Umbruch"> | 
| Kein HTML-Standard! Für Umbrucheinen der folgenden Werte notieren:soft= automatischer Zeilenumbruch nur bei Eingabe,hard= automatischer Zeilenumbruch bei Eingabe wird zu Zeilenumbrüchen bei Formularversand,virtual= wiesoft.physical= wiehard.off= kein automatischer Zeilenumbruch bei Eingabe. Beschreibung | |
| Eingabefelder | <input type="text" readonly value="Text nur lesbar"> | 
|  Beschreibung | |
| Auswahlliste | <select size="Höhe" name="Name"> | 
| Für Höheeine Zahl wie1oder10notieren, um die Anzeigehöhe der Liste (Anzahl gleichzeitig angezeigter Einträge) zu bestimmen.Für Nameeinen Namen notieren (optional). Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.). Beschreibung | |
| Auswahlliste | <select multiple size="Höhe"> | 
| Attribut multiple. Beschreibung | |
| Auswahlliste | <select multiple size="Höhe"> | 
| Attribut selected, Beschreibung | |
| Absendewert von | <select size="Höhe"> | 
| Für Wertbei jedem Eintrag einen passenden Absendewert notieren. Beschreibung | |
| Menüstruktur | <select size="Höhe"> | 
| Für Menütextjeweils eine Beschriftung für das Untermenü notieren. Beschreibung | |
| Radio-Buttons | <input type="radio" name="Name" value="Wert"> Text | 
| Für Nameeinen Namen notieren. Zusammengehörige Radio-Buttons erhalten den gleichen Namen. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.).Für Werteinen Text notieren, der beim Formularversand diesen Button bezeichnet.Für Texteinen sichtbaren Beschriftungstext notieren. Beschreibung | |
| Checkboxen | <input type="checkbox" name="Name" value="Wert"> Text | 
| Für Nameeinen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.).Für Werteinen Text notieren, der beim Formularversand diese Checkbox bezeichnet.Für Texteinen sichtbaren Beschriftungstext notieren. Beschreibung | |
| Einträge | <input type="radio" checked name="Name" value="Wert"> Text | 
| Attribut checked. Beschreibung | |
| Klick-Buttons (1) | <input type="button" name="Name" value="Beschriftung" onclick="Aktion"> | 
| Für Nameeinen Namen
notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe,
sonst auch Ziffern, Unterstrich (_), Bindestrich (-),
Doppelpunkt (:) oder Punkt (.).Für Beschriftungden Text notieren, der als Button-Beschriftung angezeigt wird.Für Aktionz.B. eine JavaScript-Anweisung notieren. Beschreibung | |
| Klick-Buttons (2) | <button type="button" name="Name" | 
| Für Nameeinen Namen
notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe,
sonst auch Ziffern, Unterstrich (_), Bindestrich (-),
Doppelpunkt (:) oder Punkt (.).Der Wertkann für interne Zwecke genutzt oder weggelassen werden, er wird nicht angezeigt.Für Beschriftungdie Anzeigefläche des Buttons gestalten, z.B. auch mit Grafiken und anderen HTML-Elementen. Beschreibung | |
| Formularfeld | <input type="file" name="Name" maxlength="Größe" accept="MIME-Typ"> | 
| Für Nameeinen Namen
notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe,
sonst auch Ziffern, Unterstrich (_), Bindestrich (-),
Doppelpunkt (:) oder Punkt (.).Für Größedie maximale Byte-Größe der Datei angeben, z.B.100000(unzuverlässig!).Für MIME-Typso etwas notieren wietext/*Wichtig: im <form>-Tagenctype="multipart/form-data"notieren. Beschreibung | |
| Versteckte | <input type="hidden" name="Name" value="Wert"> | 
| Für Nameeinen Namen
notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe,
sonst auch Ziffern, Unterstrich (_), Bindestrich (-),
Doppelpunkt (:) oder Punkt (.).Für Werteinen Text notieren, der beim Formularversand mit übertragen, aber nicht angezeigt wird. Beschreibung | |
| Elemente | <fieldset> | 
|  Beschreibung | |
| Label für | <label for="idName">Beschriftung:</label> | 
| idNamemüssen beimfor-Attribut des<label>-Tags und beimid-Attribut des zugehörigen Formularelements ü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 Indexnummereine Zahl notieren. Die niedrigste Nummer wird zuerst angesprungen, die höchste zuletzt. Beschreibung | |
| Tastaturkürzel | <[Formularelement] accesskey="Buchstabe"> | 
| Für Buchstabeso etwas wiehodermeingeben. Ausführbar meistens mit [Alt]-Taste plus dem angegebenen Buchstaben. Beschreibung | |
| Elemente | <[Formularelement] disabled> | 
|  Beschreibung | |
| Buttons zum | <input type="submit" name="Name" value="Beschriftung"> | 
| Für Nameeinen Namen notieren.Für Beschriftungden jeweiligen Beschriftungstext des Buttons notieren. Beschreibung | |
| Grafischer | <input type="image" src="URI"> | 
| Für URIeine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Grafikdatei angeben. Beschreibung | 
| Framesets und | <html><head><title>Titel</title></head> | 
|---|---|
| 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 URIeine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Datei angeben, die im Frame-Fenster angezeigt werden soll.Für Nameeinen 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 | <frame src="URI" name="Name" scrolling="Option"> | 
| Für Optioneinen 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 | <frame src="URI" name="Name" | 
| Für LinksRechtseine Zahl wie z.B.10notieren, um den Pixelabstand von Frame-Rand zum Frame-Inhalt links und rechts zu bestimmen.Für ObenUnteneine Zahl wie z.B.10notieren, um den Pixelabstand von Frame-Rand zu Frame-Inhalg oben und unten zu bestimmen. Beschreibung | |
| Unveränderbare | <frame src="URI" name="Name" noresize> | 
| Alle benachbarten Frames sind durch noresizemit betroffen. Beschreibung | |
| Rahmendicke/ | 
<frame src="URI" name="Name" frameborder="Dicke"> | 
| 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ürDickeauf0setzen. Beschreibung | |
| Eingebettete | <iframe src="URI" name="Name" | 
| Für URIeine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Datei angeben, die im Frame-Fenster angezeigt werden soll.Für Nameeinen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.).Für BreiteundHöheeine Zahl wie z.B.100für Pixel angeben,oder einen Prozentwert wie z.B. 60%für Größe in Bezug auf Umgebung. Beschreibung | |
| Eigenschaften | <iframe src="URI" name="Name" | 
| Für Optioneinen der folgenden Werte angeben:yes= Scrollbars anzeigen,no= keine Scrollbars anzeigen (kein Scrollen möglich),auto= Scrollbars bei Bedarf anzeigen (Normaleinstellung).Für Ausrichtungeinen 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 LinksRechtseine Zahl wie z.B.10notieren, um den Pixelabstand von Fenster zur Umgebung links und rechts zu bestimmen.Für ObenUnteneine Zahl wie z.B.10notieren, um den Pixelabstand von Fenster zur Umgebung oben und unten zu bestimmen.Für RandLinksRechtseine Zahl wie z.B.10notieren, um den Pixelabstand von Fensterrand zum Fensterinhalt links und rechts zu bestimmen.Für RandObenUnteneine Zahl wie z.B.10notieren, um den Pixelabstand von Fensterrand zum Fensterinhalt oben und unten zu bestimmen. Beschreibung | 
| Daten als Objekt | <object data="URI" type="MIME-Typ" width="Breite" height="Höhe"> | 
|---|---|
| Für URIeine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Datei angeben, die angezeigt werden soll.Für MIME-Typso etwas wieimage/svg+xmlnotieren, je nachdem, welcher Dateityp referenziert wird.Für BreiteundHöheeine Zahl wie z.B.100für Pixel angeben,oder einen Prozentwert wie z.B. 60%für Größe in Bezug auf Umgebung. Beschreibung | |
| Java-Applets als | <object width="Breite" height="Höhe" | 
| codebase-Attribut angeben, wenn Applet nicht im aktuellen Verzeichnis liegt. MitURIdie Adresse des Verzeichnisses angeben.Parameter mit name- undvalue-Attribut angeben wenn es das Applet erfordert. Beschreibung | |
| ActiveX als | <object width="Breite" height="Höhe" | 
| Für XXXXXX-XXXX-XXXXXXdie ID des ActiveX-Controls notieren. Beschreibung | |
| Flash-Movies | <object width="Breite" height="Höhe" | 
| classid-Attribut erhält immer diesen Wert.Beim codebase-Attribut Flash-Version angeben.Beim einem der Parameter name-Attributmoviebeimvalue-Attribut den Dateinamen der swf-Datei angeben.Parameter mit name- undvalue-Attribut ansonsten angeben wenn es die Anwendung erfordert. Beschreibung | |
| Rahmen | <object data="URI" type="MIME-Typ" border="Dicke"></object> | 
| Für Dickeeine Zahl wie z.B.3für die Rahmendicke in Pixeln notieren. Beschreibung | |
| Namen | <object data="URI" type="MIME-Typ" name="Name"></object> | 
| Für Nameeinen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.). Beschreibung | |
| Objekt | <object data="URI" type="MIME-Typ" align="Ausrichtung"></object> | 
| Für Ausrichtungeinen 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 | <object data="URI" type="MIME-Typ" | 
| Für Ausrichtungeinen 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 LinksRechtseine Zahl wie z.B.10notieren, um den Pixelabstand von Objekt zur Umgebung links und rechts zu bestimmen.Für ObenUnteneine Zahl wie z.B.10notieren, um den Pixelabstand von Objekt zur Umgebung oben und unten zu bestimmen. Beschreibung | |
| Meldung bei | <object data="URI" type="MIME-Typ" standby="Text"></object> | 
| Für Texteinen Meldungstext notieren. Beschreibung | |
| Objektinstanz | <object declare classid="CLSID:XXXXXX-XXXX-XXXXXX"> | 
| Attribut declare. Beschreibung | |
| Java-Applets | <applet code="datei.class" codebase="URI" alt="Text" | 
| codebase-Attribut angeben, wenn Applet nicht im aktuellen Verzeichnis liegt. MitURIdie Adresse des Verzeichnisses angeben.Für BreiteundHöheeine Zahl wie z.B.100für Pixel angeben,oder einen Prozentwert wie z.B. 60%für Größe in Bezug auf Umgebung.Parameter mit name- undvalue-Attribut angeben wenn es das Applet erfordert. Beschreibung | |
| Java-Applets- | <applet code="datei.class" codebase="URI" alt="Text" | 
| Für Ausrichtungeinen 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 LinksRechtseine Zahl wie z.B.10notieren, um den Pixelabstand von Applet zur Umgebung links und rechts zu bestimmen.Für ObenUnteneine Zahl wie z.B.10notieren, um den Pixelabstand von Applet zur Umgebung oben und unten zu bestimmen. Beschreibung | |
| Multimedia | <embed src="URI" width="Breite" height="Höhe"> | 
| Gehört nicht zum HTML-Standard! Für URIeine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Datei angeben, die angezeigt werden soll.Für BreiteundHöheeine Zahl wie z.B.100für Pixel angeben,oder einen Prozentwert wie z.B. 60%für Größe in Bezug auf Umgebung. Beschreibung | 
| Layer definieren | <layer id="Name" top="oben" left="links" width="Breite" height="Höhe"> | 
|---|---|
| Für Nameeinen dokumentweit eindeutigen Namen vergeben. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.).Für obenundlinksPixel wie z.B.40und150für die obere linke Startecke angeben.
FürBreiteundHöheeine Zahlen wie z.B.100und200für Pixel angeben. Beschreibung | |
| Inline-Layer | <ilayer>Inhalt</ilayer> | 
|  Beschreibung | |
| Anzeigebereich | <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"> | 
| Für URIeine 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"> | 
| Für #XXXXXXeine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen. Beschreibung | |
| Hintergrundbild | <layer top="oben" left="links" background="#URI"> | 
| Für URIeine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Grafikdatei angeben. Beschreibung | |
| Schichtposition | <layer top="oben" left="links" above="Name" below="Name"> | 
| Wenn zuvor definierter Layer über dem aktuellen liegen soll, dessen id-Namen bei aboveangeben. Wenn zuvor definierter Layer unter dem aktuellen liegen soll, dessen id-Namen beibelowangeben. Beschreibung | |
| Schichtposition | <layer top="oben" left="links" z-index="Wert"> | 
| Bei Werteine 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"> | 
| Für Optioneinen der folgenden Werte notieren:show= Layer sichtbar,hide= Layer unsichtbar,inherit= Layer erbt Sichtbarkeit vom Eltern-Layer. Beschreibung | 
| Stylesheet-Bereich | <head>Zentrale Formate] | 
|---|---|
|  Beschreibung | |
| CSS-Formatierungen | <[Elementname] style="[CSS-Eigenschaften]">...</[Elementname]> | 
|  Beschreibung | |
| Script-Bereich | <script type="text/javascript"> | 
|  Beschreibung | 
|   | |
|  |  Kurzreferenz: CSS | 
|  |  Häufig gestellte Fragen | 
|  SELFHTML  Navigationshilfen | |
© 2007  Impressum
 Impressum