HTML-Befehle (Der Einfachheit halber habe ich die TAGs von der Internetseite "Selfhtml - Stefan Muenz" kopiert und fuer meine Zwecke an diese Seite angepasst. Hat trotz Copy&Paste ne ganze Weile gedauert :) ) Dokumenttyp (altes HTML bis Version 4.01) (HTML 5) HTML-Kopfdaten Meta-Angabe: (wer hat die Seite geschrieben) (kurze Beschreibung ueber den Inhalt der Seite) (Stichwoerter, die auf den Inhalt verweisen) (HTML 4) (HTML 5) Farben fuer Text, Hintergrund und Verweise (entweder RGB-Farbe angeben oder einen erlaubten Farbnamen) Background-Image (gif, jpg oder pgn-bilder koennen hier eingesetzt werden) Text strukturieren a) Ueberschriften Text a 1) Ueberschriften ausrichten (left, center, right und justify) Text b) Textabsaetze

Text

b 1) Textabsaetze ausrichten (left, center, right und justify)

Text

Zeilenumbruch
Aufzaehlungslisten Bullet-Typ fuer Aufzaehlungslisten (circle, disc und square) Nummerierte Listen
  1. Listeneintrag
  2. Listeneintrag
Nummerierte Listen alphabetisch oder roemisch
  1. Listeneintrag
  2. Listeneintrag
Definitionslisten (Glossarlisten)
Zu definierender Ausdruck
Definition des Ausdrucks
Menuelisten
  • Listeneintrag
  • Listeneintrag
    •  Verzeichnislisten
  • Listeneintrag
  • Listeneintrag
    •  Listendarstellung kompakt Zitate
    Text
    Zitate mit URI-Quellenangabe
    Text
    Adressen
    Text
    Praeformatierter Text 
    Text
    Breite eines praeformatierten Textes 
    Text
    Logische Textauszeichnung (inline) betont stark betont Quellcode Beispiel Tastatureingabe Variable Quelle des Zitats Definition abgekuerzte Schreibweise Abkuerzung Zitat Aenderungsmarkierungen eingefuegter Text geloeschter Text Aenderungsmarkierungen mit Zeitstempel eingefuegter Text geloeschter Text yyyy = Jahr, MM = Monat, dd = Tag, T = fixer Buchstabe, hh = Stunden, mm = Minuten, ss = Sekunden, +/- = Abweichung gegenueber Greenwich in Stunden und Minuten. Textrichtung (rtl = fuer rechts nach links, ltr = fuer links nach rechts.) Physische Textauszeichnung (inline) fett kursiv dicktengleich (Teletyper) unterstrichen durchgestrichen durchgestrichen groesser als normal kleiner als normal hochgestellt tiefgestellt Allgemeines Block-Element
    verschiedene HTML-Elemente
    Allgemeines Block-Element mit Ausrichtung (left = linksbuendig, center = zentriert, right = rechtsbuendig, justify = Blocksatz.)
    verschiedene HTML-Elemente
    Allgemeines Inline-Element Text Trennlinien
    TrennlinienEigenschaften
    Schriftformatierung (nur in css! Tabellenaufbau
    Kopfzelle Kopfzelle
    Datenzelle Datenzelle
    Eine blinde Tabelle ohne "border") Spalten vordefinieren
    Zelle Zelle
    Mit -Tags so viele Spalten vordefinieren wie die Tabelle hat. Gruppieren mit colgroup-Elementen. width = Spaltenbreite (optionale Angabe). Fuer Breite eine Zahl wie z.B. 100 fuer 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 fuer so viele Spalten in Folge wie angegeben. Fuer Anzahl eine Zahl wie z.B. 3 fuer die Anzahl Spalten angeben, fuer die die Angaben gelten sollen. Kopf, Fuss und Koerper einer Tabelle
    Zellenabstand und Zelleninnenabstand
    cellspacing = Abstand der Zellen untereinander, cellpadding = Innenabstand von Zellenrand zu Zelleninhalt. Fuer Abstand und Innenabstand Zahlen wie z.B. 5 und 10 fuer die Anzahl der gewuenschten Pixel angeben. Regeln fuer Aussenrahmen
    Rahmendicke angeben, damit ein Aussenrahmen sichtbar ist. Fuer Dicke eine Zahl wie z.B. 3 fuer Anzahl Pixel der Dicke des Aussenrahmens angeben. Fuer 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. Regeln fuer Gitternetzlinien
    Rahmendicke angeben, damit Aussenrahmen und Gitternetz sichtbar sind. Fuer Dicke eine Zahl wie z.B. 3 fuer Anzahl Pixel der Dicke des Aussenrahmens angeben. Fuer Typ einen der folgenden Werte notieren: none = keine Gitternetzlinien, rows = Linien nur zwischen Tabellenzeilen, cols = Linien nur zwischen Tabellenspalten, groups = Linien nur zwischen Kopf, Koerper und Fuss, all = komplettes Gitternetz (Normaleinstellung). Breiten- und Hoehenangaben
    Kopfzelle Kopfzelle
    Datenzelle Datenzelle
    width = Breite, height = Hoehe. Breite der gesamten Tabelle im einleitenden -Tag angeben, Breite einer Spalte in einem der einleitenden Zellen horizontal ausrichten Fuer Ausrichtung einen der folgenden Werte notieren: left = linksbuendig, center = zentriert, right = rechtsbuendig, justify = Blocksatz, char = um Dezimalzeichen. In diesem Fall char als zusaetzliches Attribut notieren und als Wert ein Dezimalzeichen wie Komma zuweisen (char=","). Mit einem weiteren Attribut charoff gegebenenfalls angeben, an welcher Position das Dezimalzeichen fruehestens vorkommen kann (z.B. charoff="10"). Zellen vertikal ausrichten Fuer Ausrichtung einen der folgenden Werte notieren: top = obenbuendig, middle = mittig, bottom = untenbuendig, baseline = an gemeinsamer Basislinie, so dass erste Textzeile immer auf gleicher Hoehe beginnt. Hintergrundfarbe (normalerweise mit css)
    - oder -Tags der Spalte, und Hoehe einer Tabellenzeile in einem der einleitenden - oder -Tags der Zeile. Fuer Breite eine Zahl wie z.B. 100 fuer Pixel angeben, oder einen Prozentwert wie z.B. 20%. Fuer Hoehe eine Zahl wie z.B. 50 fuer Pixel angeben. Zeilenumbruch in Zellen verhindern Kopfzelle DatenzelleKopfzelle DatenzelleKopfzelle Datenzelle
    Kopfzelle Datenzelle
    Fuer #XXXXXX eine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen. Hintergrundbild (Wallpaper)
    Kopfzelle Datenzelle
    Fuer URI eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewuenschten Grafikdatei angeben. Zellen verbinden Kopfzelle Datenzelle Kopfzelle Datenzelle Kopfzelle Datenzelle Fuer Zeilen eine Zahl wie z.B. 3 angeben, um festzulegen, ueber wie viele Zeilen sich die Zelle erstrecken soll. Fuer Spalten eine Zahl wie z.B. 3 angeben, um festzulegen, ueber wie viele Spalten sich die Zelle erstrecken soll. TabellenBeschriftung
    Text
    Zelle Zelle
    Das caption-Element unmittelbar hinter dem einleitenden -Tag notieren. Das Attribut zur Ausrichtung (align) ist optional. Fuer 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). Tabellen ausrichten
    Fuer Ausrichtung einen der folgenden Werte notieren: left = Tabelle links ausrichten (nachfolgende Inhalte fliessen rechts vorbei), right = Tabelle rechts ausrichten (nachfolgende Inhalte fliessen links vorbei), center = Tabelle zentriert ausrichten. Fuer LinksRechts eine Zahl wie z.B. 10 notieren, um den Pixelabstand von Tabelle zur Umgebung links und rechts zu bestimmen. Fuer ObenUnten eine Zahl wie z.B. 10 notieren, um den Pixelabstand von Tabelle zur Umgebung oben und unten zu bestimmen. Zusammenfassung des Tabelleninhalts
    Verweis (Link) definieren Verweistext Fuer 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://...) Absolute lokale Adresse (file://...) Anker definieren [Inhalt] Fuer Ankername einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.). Zielfenster fuer Verweise Verweistext Fuer Zielfenster den Namen eines definierten Frame-Fensters angeben oder einen der folgenden reservierten Namen: _blank = Verweis in neuem Fenster oeffnen, _self = Verweis im gleichen Fenster oeffnen, _parent = aktuelles Frameset beim Ausfuehren des Verweises sprengen, _top = alle Framesets beim Ausfuehren des Verweises sprengen. E-Mail-Verweise Verweistext Verweistext Verweistext Verweistext Verweistext Verweistext Auf Wunsch vorbelegtes Thema (subject), sichtbaren Kopienempfaenger (cc), unsichtbaren Kopienempfaenger (bcc) oder vorbelegten Text (body) angeben. Mehrere solcher Zusatzangaben kombinieren wie im Schema mit ?Zusatz1&Zusatz2. In den Angaben Zeichen mit Zeichenwerten groesser 127 hexadezimal maskieren, z.B. %FC fuer 252 ("ue"). Ebenso einige Standardzeichen, die in URIs Bedeutung haben koennen, maskieren. Logische Beziehungen zum Verweisziel Verweistext Verweistext rel steht fuer Beziehung, rev fuer Rueckbeziehung. Fuer Beziehung einen der folgenden Werte notieren: contents = Inhaltsverzeichnis chapter = Kapitel section = Abschnitt subsection = Unterabschnitt index = Stichwortverzeichnis glossary = Glossar appendix = Anhang copyright = rechtliche Hinweise next = naechste Seite prev = vorherige Seite start = Anfangsseite help = Hilfeseite bookmark = allgemeiner Orientierungspunkt alternate = andere Lesart Sprache und Zeichenkodierung des Verweisziels Verweistext Fuer Sprachenkuerzel so etwas wie de, en, fr, und fuer Kodierung so etwas wie ISO-8859-1 notieren. Tabulator-Reihenfolge Verweistext Bei jedem Verweis fuer Indexnummer eine Zahl notieren. Die niedrigste Nummer wird zuerst angesprungen, die hoechste zuletzt. Tastaturkuerzel Verweistext Fuer Buchstabe so etwas wie h oder m eingeben. Ausfuehrbar meistens mit [Alt]-Taste plus dem angegebenen Buchstaben. Grafiken einbinden Alternativtext Fuer URI eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewuenschten Grafikdatei angeben. Fuer Alternativtext einen Kurztext notieren fuer den Fall, dass die Grafik nicht angezeigt werden kann. Breite und Hoehe der Grafik Alternativtext Fuer Breite und Hoehe eine Zahl wie z.B. 100 fuer Pixel angeben, oder einen Prozentwert wie z.B. 60% fuer Groesse in Bezug auf Umgebung. Rahmen um Grafik Alternativtext Fuer Dicke eine Zahl wie z.B. 3 fuer die Rahmendicke in Pixeln notieren. Namen fuer Grafik Alternativtext Fuer Name einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich ( _ ), Bindestrich (-), Doppelpunkt (:) oder Punkt (.). Langbeschreibung fuer Grafik Alternativtext Fuer URI bei longdesc eine Web-Adresse oder ein Ziel mit oder ohne Pfad einer Datei (z.B. HTML) mit Beschreibungen zur Grafik angeben. Grafiken im Text ausrichten Alternativtext Fuer Ausrichtung einen der folgenden Werte notieren: top = obenbuendig mit Text davor oder danach, middle = mittig zu Text davor oder danach, bottom = untenbuendig mit Text davor oder danach. Text um Grafik fliessen lassen Alternativtext Fuer Ausrichtung einen der folgenden Werte notieren: left = Grafik links ausrichten (nachfolgende Inhalte fliessen rechts vorbei), right = Grafik rechts ausrichten (nachfolgende Inhalte fliessen links vorbei), Fuer LinksRechts eine Zahl wie z.B. 10 notieren, um den Pixelabstand von Grafik zur Umgebung links und rechts zu bestimmen. Fuer ObenUnten eine Zahl wie z.B. 10 notieren, um den Pixelabstand von Grafik zur Umgebung oben und unten zu bestimmen. Verweis-sensitive Grafik Alternativtext Bei Mapname beim usemap-Attribut des -Tags und beim name-Attribut des -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 verknuepft sein soll. Formular definieren
    Fuer 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. Fuer Methode entweder get oder post notieren (bei mailto-Formularen immer post) Fuer MIME-Typ bei mailto-Formularen text/plain angeben. Zielfenster fuer Server-Antwort
    Fuer 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 fuer Antwort sprengen, _top = alle Framesets fuer Antwort sprengen. Zeichenkodierung der Formulardaten
    Fuer Liste mit Kodierungen so etwas eingeben wie ISO-8859-1 ISO-8859-2. Einzeilige Eingabefelder Fuer Laenge die Anzeigebreite des Feldes in Zeichen notieren (optional). Fuer MaxLaenge die maximal eingebbare Anzahl Zeichen notieren (optional). Fuer Name einen Namen notieren (optional). Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.). Einzeilige Eingabefelder Textvorbelegung Fuer Wert den Text der Vorbelegung notieren. Eingabefelder fuer Passwort Mehrzeilige Eingabefelder Fuer Spalten die Anzeigebreite des in Anzahl Zeichen pro Zeile notieren. Fuer Reihen die Anzeigehoehe in Zeilen notieren. Fuer Name einen Namen notieren (optional). Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.). Mehrzeilige Eingabefelder Umbruchkontrolle Kein HTML-Standard! Fuer Umbruch einen der folgenden Werte notieren: soft = automatischer Zeilenumbruch nur bei Eingabe, hard = automatischer Zeilenumbruch bei Eingabe wird zu Zeilenumbruechen bei Formularversand, virtual = wie soft. physical = wie hard. off = kein automatischer Zeilenumbruch bei Eingabe. Eingabefelder nur lesen Auswahlliste Fuer Hoehe eine Zahl wie 1 oder 10 notieren, um die Anzeigehoehe der Liste (Anzahl gleichzeitig angezeigter Eintraege) zu bestimmen. Fuer Name einen Namen notieren (optional). Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.). Auswahlliste Mehrfachauswahl (Attribut multiple.) Auswahlliste mit Vorauswahl (Attribut selected) Absendewert von Listeneintraegen Fuer Wert bei jedem Eintrag einen passenden Absendewert notieren. Menuestruktur Fuer Menuetext jeweils eine Beschriftung fuer das Untermenue notieren. Radio-Buttons Text Fuer Name einen Namen notieren. Zusammengehoerige Radio-Buttons erhalten den gleichen Namen. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.). Fuer Wert einen Text notieren, der beim Formularversand diesen Button bezeichnet. Fuer Text einen sichtbaren Beschriftungstext notieren. Checkboxen Text Fuer Name einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.). Fuer Wert einen Text notieren, der beim Formularversand diese Checkbox bezeichnet. Fuer Text einen sichtbaren Beschriftungstext notieren. Eintraege vorselektieren (Attribut checked) Text Text Klick-Buttons (1) Fuer Name einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.). Fuer Beschriftung den Text notieren, der als Button-Beschriftung angezeigt wird. Fuer Aktion z.B. eine JavaScript-Anweisung notieren. Klick-Buttons (2) Fuer Name einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.). Der Wert kann fuer interne Zwecke genutzt oder weggelassen werden, er wird nicht angezeigt. Fuer Beschriftung die Anzeigeflaeche des Buttons gestalten, z.B. auch mit Grafiken und anderen HTML-Elementen. Formularfeld fuer Datei-Upload Fuer Name einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.). Fuer Groesse die maximale Byte-Groesse der Datei angeben, z.B. 100000 (unzuverlaessig!). Fuer MIME-Typ so etwas notieren wie text/* Wichtig: im
    -Tag enctype="multipart/form-data" notieren. Versteckte Elemente Fuer Name einen Namen notieren. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.). Fuer Wert einen Text notieren, der beim Formularversand mit uebertragen, aber nicht angezeigt wird. Elemente gruppieren
    Gruppenueberschrift
    Label fuer Elemente <[Formularelement] id="idName"> idName muessen beim for-Attribut des