Haupt
Tags, die jedes Dokument beinhalten muss
|
|||
Dokument Typ | <HTML></HTML> | Anfang und Ende der Datei | |
Titel | <TITLE></TITLE> | muss im Header stehen | |
Kopf der Datei | <HEAD></HEAD> | Allgemeine Infos zum Dokument | |
Körper der Datei | <BODY></BODY> | Der Rest der Datei |
Strukturelle
Definitionen
|
|||
Überschrift | <H?></H?> | Statt ? Zahlen von 1-6 | |
3.0 | Ausrichtung der Überschriften | <H? ALIGN=LEFT|CENTER|RIGHT></H?> | |
3.0 | Division | <DIV></DIV> | |
3.0 | Ausrichtung einer Division | <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV> | |
Block Quote | <BLOCKQUOTE></BLOCKQUOTE> | ||
Betonung | <EM></EM> | Normalerweise kursiv | |
Starke Betonung | <STRONG></STRONG> | Normalerweise fett | |
Zitat | <CITE></CITE> | Normalerweise kursiv | |
Quellcode | <CODE></CODE> | ||
Einfache Ausgabe | <SAMP></SAMP> | ||
Tastatur Eingabe | <KBD></KBD> | ||
Variable | <VAR></VAR> | ||
Definition | <DFN></DFN> | Selten verwendet | |
Adresse des Autors | <ADDRESS></ADDRESS> | ||
3.0 | Grosse Schrift | <BIG></BIG> | |
3.0 | Kleine Schrift | <SMALL></SMALL> |
Formate,
die der Autor bestimmen kann
|
|||
Fett | <B></B> | ||
Kursiv | <I></I> | ||
3.0 | Unterstrichen | <U></U> | Selten benutzt |
3.0 | Durchgestrichen | <S></S> | Selten benutzt |
3.0 | Unterscript | <SUB></SUB> | |
3.0 | Superscript | <SUP></SUP> | |
Schreibmaschine | <TT></TT> | ||
Vorformatiert | <PRE></PRE> | ||
Breite | <PRE WIDTH=?></PRE> | ? in Pixel oder Prozent | |
N1.0+ | Zentriert | <CENTER></CENTER> | Für Text und Bilder |
N1.0 | Blinkend | <BLINK></BLINK> | |
N1.0 | Schriftgrösse | <FONT SIZE=?></FONT> | ? von 1-7 |
N1.0 | Schriftgrössenänderung | <FONT SIZE=+|-?></FONT> | |
N1.0 | Standard Schriftgrösse | <BASEFONT SIZE=?> | ? von 1-7 ; Standard ist 3 |
N2.0 | Schriftfarbe | <FONT COLOR="#$$$$$$"></FONT> |
Links
und Grafiken
|
|||
Link zu einer Datei | <A HREF="URL"></A> | ||
Link zu einem Ziel | <A HREF="URL#***"></A> | falls Ziel in einem anderen Dokument ist | |
<A HREF="#***"></A> | Im gerade geöffneten Dokument | ||
N2.0 | Ziel Fenster | <A HREF="URL" TARGET="***"></A> | |
Ziel Definieren | <A NAME="***"></A> | ||
Grafik anzeigen | <IMG SRC="URL"> | ||
Ausrichtung | <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE> | ||
N1.0 | Ausrichtung | <IMG
SRC="URL" ALIGN=LEFT|RIGHT|TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM> |
|
Alternative Bezeichnung | <IMG SRC="URL" ALT="***"> | Wenn kein Bild angezeigt wird | |
Imagemap | <IMG SRC="URL" ISMAP> | Benötigt ein Script | |
N2.0 | Imagemap | <IMG SRC="URL" USEMAP="URL"> | |
N2.0 | Map | <MAP NAME="***"></MAP> | Beschreibt das Map |
N2.0 | Sektion | <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> | |
3.0 | Dimensionen | <IMG SRC="URL" WIDTH="?" HEIGHT="?"> | in Pixel |
N1.0 | Rahmen | <IMG SRC="URL" BORDER=?> | in Pixel |
N1.0 | Platz rund um die Grafik | <IMG SRC="URL" HSPACE=? VSPACE=?> | in Pixel |
N1.0 | Low-Res Proxy | <IMG SRC="URL" LOWSRC="URL"> | |
N1.1 | Client Pull | <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> | |
N2.0 | Eingebettetes Objekt | <EMBED SRC="URL"> | fügt ein Objekt in die Seite ein |
N2.0 | Objekt Grösse | <EMBED SRC="URL" WIDTH="?" HEIGHT="?"> |
Zeilen-
und Abschnittsteiler ; Zeilenumbruch erzwingen
|
|||
Paragraph | <P> | Normalerweise als doppelt Teiler | |
3.0 | Paragraph | <P></P> | Neu definiert als Container Tag |
3.0 | Text Ausrichtung | <P ALIGN=LEFT|CENTER|RIGHT></P> | |
Zeilenumbruchk | <BR> | Einfacher Zeilenumbruch | |
N1.0 | Textwrap löschen | <BR CLEAR=LEFT|RIGHT|ALL> | |
Horizontaler Teiler | <HR> | ||
N1.0 | Ausrichtung | <HR ALIGN=LEFT|RIGHT|CENTER> | |
N1.0 | Dicke | <HR SIZE=?> | in Pixel |
N1.0 | Breite | <HR WIDTH=?> | In Pixel |
N1.0 | Breite in Prozent | <HR WIDTH=%> | als % Angabe auf Fenster bezogen |
N1.0 | Solide Linie | <HR NOSHADE> | Ohne den 3D look |
N1.0 | Ohne Zeilenumbruch | <NOBR></NOBR> | |
N1.0 | Zeilenumbruch wenn nötig | <WBR> |
Listen
und Aufzählungen
|
|||
Nichtgeordnete Liste | <UL><LI></UL> | <LI> vor jedem Unterpunkt | |
N1.0 | Bullet Typ | <UL TYPE=DISC|CIRCLE|SQUARE> | für die ganze Liste) |
<LI TYPE=DISC|CIRCLE|SQUARE> | für dieses Segment | ||
Geordnete Liste | <OL><LI></OL> | <LI> vor jedem Unterpunkt | |
N1.0 | Nummer Typ | <OL TYPE=A|a|I|i|1> | für die ganze Liste |
<LI TYPE=A|a|I|i|1> | in diesem Untersegment | ||
N1.0 | Start Nummer | <OL VALUE=?> | für die ganze Liste |
<LI VALUE=?> | Dieses Untersegment | ||
Definierte Liste | <DL><DT><DD></DL> | <DT>=term, <DD>=defination | |
Menu Liste | <MENU><LI></MENU> | <LI> vor jedem Unterpunkt | |
Verzeichnis Liste | <DIR><LI></DIR> | <LI> vor jedem Unterpunkt |
Hintergrundbilder
und -farben
|
|||
3.0 | Hintergrundbild | <BODY BACKGROUND="URL"> | |
N1.1+ | Hintergrundfarbe | <BODY BGCOLOR="#$$$$$$"> | |
N1.1+ | Text Farbe | <BODY TEXT="#$$$$$$"> | |
N1.1+ | Link Farbe | <BODY LINK="#$$$$$$"> | |
N1.1+ | Besuchter Link | <BODY VLINK="#$$$$$$"> | |
N1.1 | Aktiver Link | <BODY ALINK="#$$$$$$"> |
Formulare
für CGI Scripts oder mailto
|
|||
Formular definieren | <FORM ACTION="URL" METHOD=GET|POST></FORM> | ||
N2.0 | Datei Upload | <FORM ENCTYPE="multipart/form-data></FORM> | |
Eingabe Feld | <INPUT
TYPE="TEXT|PASSWORD|CHECKBOX| RADIO|IMAGE|HIDDEN|SUBMIT|RESET"> |
||
Feld Name | <INPUT NAME="***"> | ||
Feld Wert | <INPUT VALUE="***"> | ||
Checked? | <INPUT CHECKED> | Checkbox und Radiobox | |
Feld Größe | <INPUT SIZE=?> | In Pixel | |
Max Länge | <INPUT MAXLENGTH=?> | In Pixel | |
Auswahlliste | <SELECT></SELECT> | ||
Name der Liste | <SELECT NAME="***"></SELECT> | ||
Anzahl der Optionen | <SELECT SIZE=?></SELECT> | ||
Auswahlfeld | <SELECT MULTIPLE> | mehr als eine Auswahl ist möglich | |
Optionen | <OPTION> | Punkte, die selektiert werden können | |
Standard Option | <OPTION SELECTED> | ||
Eingabe Box Größe | <TEXTAREA ROWS=? COLS=?></TEXTAREA> | ||
Name der Box | <TEXTAREA NAME="***"></TEXTAREA> | ||
N2.0 | Zusammenhängender Text | <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA> |
Tabellen
|
|||
3.0 | Tabelle definieren | <TABLE></TABLE> | |
3.0 | Rahmen | <TABLE BORDER></TABLE> | an oder aus |
N1.1 | Rahmen | <TABLE BORDER=?></TABLE> | mit ? 1-12 |
N1.1 | Cell Spacing | <TABLE CELLSPACING=?> | |
N1.1 | Cell Padding | <TABLE CELLPADDING=?> | |
N1.1 | Bestimmte Breite | <TABLE WIDTH=?> | in Pixel |
N1.1 | Breite in Prozent | <TABLE WIDTH=%> | Prozent der Seite |
3.0 | Tabellen Zeile | <TR></TR> | |
3.0 | Ausrichtung | <TR
ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> |
|
3.0 | Tabellen Zellel | <TD></TD> | Nur innerhalb von Tabellenzeilen |
3.0 | Ausrichtung | <TD
ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> |
|
3.0 | Kein Zeilenumbruch | <TD NOWRAP> | |
3.0 | Spaltenübergereifend | <TD COLSPAN=?> | |
3.0 | Zeilenübergreifend | <TD ROWSPAN=?> | |
N1.1 | Bestimmt Grösse | <TD WIDTH=?> | in Pixel |
N1.1 | Breite in Prozent | <TD WIDTH=%> | Prozent der Seite |
3.0 | Tabellen Überschrift | <TH></TH> | |
3.0 | Ausrichtung | <TH
ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> |
|
3.0 | Kein Umruch | <TH NOWRAP> | |
3.0 | Spaltenübergreifend | <TH COLSPAN=?> | |
3.0 | Zeilenübergreifend | <TH ROWSPAN=?> | |
N1.1 | Bestimmte Grösse | <TH WIDTH=?> | in Pixel |
N1.1 | Grösse in Prozent | <TH WIDTH=%> | Auf Tabelle bezogen |
3.0 | Tabellen Name | <CAPTION></CAPTION> | |
3.0 | Ausrichtung | <CAPTION ALIGN=TOP|BOTTOM> | Über oder unter der Tabelle |
Frames
- oder wie teile ich das Browser Fenster ?
|
|||
N2.0 | Frame Dokument | <FRAMESET></FRAMESET> | Anstatt Body |
N2.0 | Zeilen Höhen | <FRAMESET ROWS=,,,></FRAMESET> | Pixel oder % |
N2.0 | Zeilen Höhen | <FRAMESET ROWS=*></FRAMESET> | * = relative Grösse |
N2.0 | Spalten Breite | <FRAMESET COLS=,,,></FRAMESET> | Pixel oder % |
N2.0 | Spalten Breite | <FRAMESET COLS=*></FRAMESET> | * = ralative Grösse |
N2.0 | Frame Definieren | <FRAME> | |
N2.0 | Dokument anzeigen | <FRAME SRC="URL"> | |
N2.0 | Frame Name | <FRAME NAME="***"|_blank|_self|_parent|_top> | |
N2.0 | Abstand Breite | <FRAME MARGINWIDTH=?> | linke und rechte Abstände |
N2.0 | Abstand Höhe | <FRAME MARGINHEIGHT=?> | Ober und Unterabstand |
N2.0 | Scrollbar? | <FRAME SCROLLING="YES|NO|AUTO"> | |
N2.0 | Nicht vergrösserbar | <FRAME NORESIZE> | |
N2.0 | Für Browser ohne Frames | <NOFRAMES></NOFRAMES> |