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 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
---|---|
Für Titel einen 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 Name den Namen des Urhebers notieren.Beschreibung |
|
Meta-Angabe: |
<meta name="description" content="Text">
|
Für Text eine Kurzbeschreibung des Inhalts notieren.Beschreibung |
|
Meta-Angabe: |
<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: |
<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 Kodierung so etwas wie ISO-8859-1 notieren.Beschreibung |
|
Meta-Angabe: |
<meta http-equiv="Content-Style-Type" content="MIME-Typ">
|
Für MIME-Typ so etwas wie text/css notieren.Beschreibung |
|
Meta-Angabe: |
<meta http-equiv="Content-Script-Type" content="MIME-Typ">
|
Für MIME-Typ so etwas wie text/javascript notieren.Beschreibung |
|
Meta-Angabe: |
<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: |
<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 |
<link rel="Beziehung" title="Titel" href="URI">
|
rel steht für Beziehung, rev für Rückbeziehung.Für Beziehung einen 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 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 |
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 #XXXXXX eine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen.Beschreibung |
|
Hintergrundbild |
<body background="URI">
|
Für URI eine 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 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 |
<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 |
Text alte Zeile<br>Text neue Zeile
|
Beschreibung |
|
Aufzählungslisten |
<ul>
|
Beschreibung |
|
Bullet-Typ für |
<ul type="Typ">
|
Für Typ einen der folgenden Werte notieren:circle = Kreis/Punkt,disc = Scheibe/Dateisymbol,square = Quadrat.Beschreibung |
|
Nummerierte Listen |
<ol>
|
Beschreibung |
|
Nummerierte Listen |
<ol type="Typ">
|
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 |
<ol start="Startwert">
|
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 |
<dl>
|
Beschreibung |
|
Menülisten |
<menu>
|
Beschreibung |
|
Verzeichnislisten |
<dir>
|
Beschreibung |
|
Listendarstellung |
<ul compact> <!-- Listeninhalt --> </ul>
|
Ebenso bei ol , menu und dir möglich.Beschreibung |
|
Zitate |
<blockquote>Text</blockquote>
|
Beschreibung |
|
Zitate mit |
<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 |
<pre>Text</pre>
|
Beschreibung |
|
Breite eines |
<pre width="Breite">Text</pre>
|
Für Breite die 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 Richtung einen 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 Ausrichtung einen 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 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 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 |
Tabellenaufbau |
<table border="Dicke">
|
---|---|
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 |
<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ß |
<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 Abstand und Innenabstand Zahlen wie z.B. 5 und 10 fü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 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 |
<table border="Dicke" rules="Typ">
|
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 |
<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 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 |
<th nowrap>Kopfzelle</th>
|
Beschreibung |
|
Zellen horizontal |
<th align="Ausrichtung">Kopfzelle</th>
|
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 |
<th valign="Ausrichtung">Kopfzelle</th>
|
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">
|
Für #XXXXXX eine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen.Beschreibung |
|
Hintergrundbild |
<table background="URI">
|
Für URI eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Grafikdatei angeben.Beschreibung |
|
Zellen |
<th rowspan="Zeilen">Kopfzelle</th>
|
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- |
<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 |
<table align="Ausrichtung" hspace="LinksRechts" vspace="ObenUnten">
|
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 |
<table summary="Text">
|
Beschreibung |
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 |
<a href="URI" target="Zielfenster">Verweistext</a>
|
Für Zielfenster den 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. %FC für 252 ("ü"). Ebenso einige Standardzeichen, die in URIs Bedeutung haben können, maskieren.Beschreibung |
|
Logische |
<a href="URI" rel="Beziehung">Verweistext</a>
|
rel steht für Beziehung, rev für Rückbeziehung.Für Beziehung einen der folgenden Werte notieren:contents = Inhaltsverzeichnischapter = Kapitelsection = Abschnittsubsection = Unterabschnittindex = Stichwortverzeichnisglossary = Glossarappendix = Anhangcopyright = rechtliche Hinweisenext = nächste Seiteprev = vorherige Seitestart = Anfangsseitehelp = Hilfeseitebookmark = allgemeiner Orientierungspunktalternate = andere LesartBeschreibung |
|
Sprache und |
<a href="URI" hreflang="Sprachenkürzel"
|
Für Sprachenkürzel so etwas wie de , en , fr ,
und für Kodierung 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 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 |
<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 |
<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 |
<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 |
<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 |
<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 |
<img src="URI" alt="Alternativtext"
|
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 |
<img src="URI" alt="Alternativtext" usemap="#Mapname">
|
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. beliebig viele Ecken.Bei URI beim href -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 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:beispiel@example.org ) sein.Für Methode entweder get oder post notieren (bei mailto-Formularen immer post )Für MIME-Typ bei mailto-Formularen text/plain angeben.Beschreibung |
|
Zielfenster für |
<form action="URI" method="Methode" target="Zielfenster">
|
Für Zielfenster den 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 Kodierungen so etwas eingeben wie ISO-8859-1 ISO-8859-2 .Beschreibung |
|
Einzeilige |
<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 |
<input type="text" value="Wert">
|
Für Wert den 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 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 |
<textarea cols="Spalten" rows="Reihen" wrap="Umbruch">
|
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 |
<input type="text" readonly value="Text nur lesbar">
|
Beschreibung |
|
Auswahlliste |
<select size="Höhe" name="Name">
|
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 |
<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 Wert bei jedem Eintrag einen passenden Absendewert notieren.Beschreibung |
|
Menüstruktur |
<select size="Höhe"> |
Für Menütext jeweils eine Beschriftung für das Untermenü notieren.Beschreibung |
|
Radio-Buttons |
<input type="radio" name="Name" value="Wert"> Text
|
Für Name einen 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 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. 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 |
<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 Name einen Namen
notieren. 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 |
|
Klick-Buttons (2) |
<button type="button" name="Name"
|
Für Name einen Namen
notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe,
sonst auch Ziffern, Unterstrich (_ ), Bindestrich (- ),
Doppelpunkt (:) oder Punkt (. ).Der Wert kann für interne Zwecke genutzt oder weggelassen werden, er wird nicht angezeigt.Für Beschriftung die 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 Name einen Namen
notieren. 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-Typ so etwas notieren wie text/* Wichtig: im <form> -Tag enctype="multipart/form-data" notieren.Beschreibung |
|
Versteckte |
<input type="hidden" name="Name" value="Wert">
|
Für Name einen Namen
notieren. 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 |
<fieldset>
|
Beschreibung |
|
Label für |
<label for="idName">Beschriftung:</label>
|
idName müssen beim for -Attribut des <label> -Tags und beim id -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 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 |
<[Formularelement] disabled>
|
Beschreibung |
|
Buttons zum |
<input type="submit" value="Beschriftung">
|
Für Beschriftung den jeweiligen Beschriftungstext des Buttons notieren.Beschreibung |
|
Grafischer |
<input type="image" src="URI">
|
Für URI eine 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 URI eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Datei angeben, die im Frame-Fenster 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 |
<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 |
<frame src="URI" name="Name"
|
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 |
<frame src="URI" name="Name" noresize>
|
Alle benachbarten Frames sind durch noresize mit 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ür Dicke auf 0 setzen.Beschreibung |
|
Eingebettete |
<iframe src="URI" name="Name"
|
Für URI eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Datei angeben, die im Frame-Fenster 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 |
<iframe src="URI" name="Name"
|
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 |
Daten als Objekt |
<object data="URI" type="MIME-Typ" width="Breite" height="Höhe">
|
---|---|
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-Typ 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 |
<object width="Breite" height="Höhe"
|
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 |
<object width="Breite" height="Höhe"
|
Für XXXXXX-XXXX-XXXXXX die 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 -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 |
<object data="URI" type="MIME-Typ" border="Dicke"></object>
|
Für Dicke eine Zahl wie z.B. 3 für die Rahmendicke in Pixeln notieren.Beschreibung |
|
Namen |
<object data="URI" type="MIME-Typ" 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 |
<object data="URI" type="MIME-Typ" 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 |
<object data="URI" type="MIME-Typ"
|
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 |
<object data="URI" type="MIME-Typ" standby="Text"></object>
|
Für Text einen 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. 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- |
<applet code="datei.class" codebase="URI" alt="Text"
|
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 |
<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 definieren |
<layer id="Name" top="oben" left="links" width="Breite" height="Höhe">
|
---|---|
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 |
<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 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">
|
Für #XXXXXX eine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen.Beschreibung |
|
Hintergrundbild |
<layer top="oben" left="links" background="#URI">
|
Für URI eine 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 above angeben. Wenn zuvor definierter Layer unter dem aktuellen liegen soll, dessen id-Namen bei below angeben.Beschreibung |
|
Schichtposition |
<layer top="oben" left="links" z-index="Wert">
|
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">
|
Für Option einen 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 |
© 2005 Impressum