HTML 4.0 Kurzbeschreibung

Hinweis / Haftung

Dieses Dokument wird in rein privatem Interesse geschrieben. Es darf zur privaten Verwendung kopiert, geändert und ausgedruckt werden. Es darf aber ohne meine Erlaubnis weder irgend wo anders veröfftenlicht werden, noch verlauft werden.
Es wird keine Haftung für irgend etwas übernommen. Jegliche Verantwortung für irgend welche Schäden übernimmt der User dieser Seite / der Leser.
Ich bitte Erweiterungen und Korrekturen mir zuzusenden, damit auch andere etwas davon haben.
Autor der Ursprungsversion: Rainer Haller

Wichtige Tags

<BR>		Zeilenumbruch
<P>	<⁄P>	Absatz, Bessere Trennung von Textteilen
<HR>		Horizotale Trennlinie
<Hn>	<⁄Hn>	Überschrift (n=1..6, Ebene)
<B>	<⁄B>	Fettschrift
<I>	<⁄I>	Kursivschrift
<U>	<⁄U>	Text unterstrichen
<SUP>	<⁄SUP>	Text hochgestellt
<SUB>	<⁄SUB>	Text tiefgestellt
<TT>	<⁄TT>	Schreibmaschinenschrift (Proportionalschrift)
<IMG SCR="Datei">		Grafik einblenden (s.u.)
<A HREF"Ziel">	<⁄A>	Hyperlink (s.u.)
<A NAME="Ziel">	<⁄A>	Einsprungpunkt mit Name
<TABLE>	<⁄TABLE>	Tabellenanfang /-ende (s.u.)
<TR>	<⁄TR>	Zeile in einer Tabelle
<TD>	<⁄TD>	Zelle einer in eienr Zeile einer Tabelle
<???>	<⁄???>	???

Wichtige Attribute

SIZE=n	Dicke einer Linie in Pixel (Standard=2)
WIDTH=n WIDTH=n%	Breite der Linie in Pixel / Prozent
ALIGN="RIGHT"	Ausrichtung links (Standard)
ALIGN="RIGHT"	Ausrichtung rechts
ALIGN="CENTER"	Ausrichtung MITTE

Attribute werden nach den Tags mit Leerzeichen in der selben Klammer eingefügt.
Bsp.: <B ALIGN="CENTER">Ausgabetext</b>
Um nur ein Attribut zu verwenden wird <div>Ausgabetext</div> verwendet.

Links

Tag

Attribute

HREF="#ZIEL"

Zielpunkt im selben Dokument(Zieltag: <A NAME="Ziel"> <⁄A>

HREF="Datei.html"

Hyperlink zu einer Datei im selben Verzeichnis

HREF="Datei.html#1"

Hyperlink zum Zielpunkt 1 in Datei.html

HREF="gropher://name"

Ziel ist ein Gropher-Server

HREF="ftp://name"

Ziel ist ein FTP-Server

HREF="telnet://name"

Ziel ist ein Telnet-Server

HREF="nntp://name"

Ziel ist eine Newsgroup

HREF="ftp://ftp.test.com/bild/datei.gif"

Datei auf irgend einem Server, die sofern möglich direkt im Browser angezeigt wird. Ist das nicht möglich, wird das Downloadmenu angeboten.

TARGET="name"

Link auf ein neues Browserfenster, einen Teil in einem Frame, oder ähnliches

_self	Standardeinstellung: Seite öffnet im selben Fenster im selben Frame
_blank	Die verlinkte Internetseite wird in einem neuen Browserfenster angezeigt, das alte fenster bleibt im Hintergrund erhalten.
_top	Gleiches Fenster, aber ohne Frames
_parent	gleiches Fenster, wie letztes Frameset

Sollen Grafiken verlinkt werden, wird anstatt des Textes der IMG-Tag (s.u.) eingegeben.

Grafiken

Tag
<IMG SRC="Pfad/Name" WIDTH=n HEIGHT=m >
Grafik mit Höhe m und Breite n einblenden, Grafik sollte diese Größe haben, sonst unnötiger Speicherverlust oder Verzerrung
Attribute
WIDTH=n	Darstellungsbreite der Grafik in Pixel
HEIGHT=m	Darstellungshöhe der Grafik in Pixel
BORDER=n	Rahmenbreite der Grafik in Pixel (Normal immer auf 0 setzen!)
VSPACE=n	Horizontaler Abstand in Pixel zum nächsten Objekt
HSPACE=n	Vertikaler Abstand in Pixel zum nächsten Objekt
ALIGN=CENTER ALIGN=RIGHT ALIGN=LEFT	Bildposition (siehe allg. Attribute)
ALIGN=top ALIGN=middle ALIGN=bottom	Weiterer Text: oben mitte unten
ALT="Text"	Alternativtext, der bei Browsern ohne Grafik oder als Info angezeigt wird

Grafikformate im Internet

GIF	256 Farben, ev. 1 Farbe Transparent, in Version GIF 89a animierte GIFS (bei schlechten Browsern nur erstes Bild); Interlaced Technik verwenden; Anwendung Logos, Grafiken
JPEG/JPG	16,7 Mio. Farben; Anwendung: Fotos

Tabellen

Tags
<TABLE>	<⁄TABLE>	Tabellenanfang / Ende
<TR>	<⁄TR>	Zeile in einer Tabelle
<TD>	<⁄TD>	Zelle in einer Zeile
<TH>	<⁄TH>	Zelle in einer Zelle, Fett, als Überschrift
<CAPTION>	<⁄CAPTION>	Tabellenüberschrift
<CAPTION ALIGN=bottom>	<⁄CAPTION>	Tabellenunterschrift
Attribute zu TABLE
BORDER=n		Rahmenbreite (Standard=1);Kein Rahmen: BORDER=0
CELLPADDING=n		Pixelabstand des Zelleninhaltes zum Rand der Zelle
CELLSPACING=n		Pixelabstand der Zellen zueinander
WIDTH=n WIDTH=n%		Breite der Tabelle
STYLE="xxx"		Verschiedene Stylevarianten (s.o./s.u.)
Attribute zu TD / TH
WIDTH=n WIDTH=n%		Breite der Tabellenzelle
TIPP: Zellenhöhen müssen mit Absatzformatierung, P, realisiert werden
COLSPAN=n		n nebeneinander liegende Zellen verbinden
ROWSPAN=n		n übereinander liegende Zellen verbinden
Attribute zu TABLE und TD
BGCOLOR=n		Hintergrundfarbe (Farbnummern s.u.)
BORDERCOLOR=n		Rahmenfarbe (Farbnummern s.u.)

Imagemaps

verschiedene Bildteile ergeben verschiedene Links
Alternative: Bild in Teile aufteilen und in Tabelle zusammenfügen und dann Verlinken AREA kommt zwischen den MAP-Tags

Grafik-Definitions-Tag
<MAP NAME="Test"> <⁄MAP> <IMG SCR="Datei.gif" USEMAP="#Test">
Tag zur Tastflächendefinition
<AREA>	Hinweis:
Attribute zur Tastflächendefinition
SHAPE="rect"	Tastfläche hat Rechteckform
SHAPE="poly"	Tastfläche ist Polygon Hinweis: Diese Form tut bei den (alten) Browsern nicht, also nicht verwenden!
SHAPE="circle"	Tastfläche ist Kreis Hinweis: Diese Form tut bei den (alten) Browsern nicht, also nicht verwenden!
COORDS="n,m,o,p"	Koordinaten der Tastfläche; rect: obere linke Ecke, untere rechte Ecke circle: Mittelpunkt, Radius poly: Alle Ecken
HREF"Linkziel"	Linkziel, auf das verlinkt werden soll (s.o.)
ALT="Text"	Text der angezeigt wird, wenn man auf der Tastfläche mit der Maus verweilt

Formulare

Tag
<FORM METHOD=n ACTION=m> <⁄FORM>	Beginn und Ende der Formulardefinition
<INPUT NAME="Nam">	Definition Formularfeld / Schaltfläche
<BUTTON>	Schaltfläche Hinweis: Neu in HTML4, wird aber von den Browsern nicht unterstützt, daher alternativ mit INPUT
<TEXTAREA NAME="n" COLS=m ROWS=p> Vorgabetext <⁄TEXTAREA>	Definition eines mehrzeiligen Textfeldes
<SELECT SIZE=n> <⁄SELECT>	Beginn und Ende einer Auswahlliste
<OPTION> <⁄OPTION>	Beginn und Ende eines Optionsfeldes in der Auswahlliste
Attribute zu FORM
METHOD=get	Formular wird durch CGI ausgewertet
METHOD=post	Inhalt des Formulars wird per Mail versendet
ACTION=n	Zieladresse des Formulars, ein Link oder mit mailto: eine E-Mailadresse
Attribute zu INPUT als Feld
NAME="Name"	Jedes Feld braucht zwingend seine eigenen Namen
SIZE=n	Anzeigelänge des Feldes in Zeichen
MAXLENGTH=n	Maximale Länge des einzugebenden Strings
TYPE=TEXT TYPE=PASSWORD TYPE=INT TYPE=DATE TYPE=FILE	Feldtyp ist Text Feldtyp ist Passwort (****) Feldtyp ist Zahl Feldtyp ist Daten ??? Feldtyp ist Datei; Dazu genaue Angaben bei selfhtml!
READONLY	Zusatzangabe bei Typ Text, dass Feld nur gelesen werden kann.
Attribute zu INPUT als Schaltfläche
TYPE=SUBMIT TYPE=RESET	Formular verarbeiten Formular zurücksetzen
VALUE="Text"	Beschrifung der Schaltfläche
Attribute zu BUTTON
Wie bei INPUT als Schaltfläche nur zusätzlich
TYPE=Button	Ausführen eines Scriptes
Attribute zu INPUT als Checkbuttons und Radiobuttons
TYPE=CHECKBOX	Rechteckiger Kasten, mehrfach selektierbar
TYPE=RADIO	Runde Kreise, immer eins aus mehreren selektierbar
VALUE="Text"	Variablenname der Box ?!?
Attribute zu TEXTAREA
NAME="Name"	Feldname, wie bei allen Eingabemöglichkeiten
COLS=m	Breite des mehrzeiligen Feldes in Zeichen
ROWS=p	Höhe des mehrzeiligen Feldes in Zeilen
Attribute zu SELECT (Auswahlliste)
SIZE=n	Anzahl der sichtbaren Zeichen in der Auswahlliste
VALUE="n"	Name, der in der Mail angezeigt wird
MULTIPLE=n	Wieviel möglichkeiten gleichzeitig ausgewählt werden können, Standard=1

Zu Formularen siehe auch Beispieldatei

Listen

Tags
<OL>	<⁄OL>	Anfang und Ende einer nummerierten Liste
<UL>	<⁄UL>	Anfang und Ende einer Liste ohne Nummern, mit Punkten
<LI>	<⁄LI>	Anfang und Ende eines Listeneintrages
Listen können geschachtelt werden.
Attribute zur nummerierten Liste OL
TYPE=1		Normale Zahlen (1,2,3,...)
TYPE=a		Kleinbuchstaben (a,b,c,...)
TYPE=A		Großbuchstaben (A,B,C,...)
TYPE=i		römische Zahlen in Kleinbuchstaben (i,ii,iii,...)
TYPE=I		römische Zahlen in Großbuchstaben (I,II,III,...)
START=n		Beeinflussung des Beginns, z.B. START=8 Nummerierung beginnt bei 8.
Attribute zum nummerierten Listeneintrag LI
VALUE=n		Nummerierung wird bei n fortgesetzt, zum manuellen Ändern der Nummerierung

Frames

Tags
<Frameset>	<⁄Frameset>	Beginn und Ende der Framedefinition
Da eine Framedefinition eine eigene Datei benötigt, stehen die Tags anstatt des Body-Tags (siehe Beispieldatei)
<FRAME SCR="Datei" NAME="Nam">		Definition eines Fensters im Frame
Attribute zu FRAMESET
FRAMEBORDER=0 FRAMEBORDER=1		Framerand ist unsichtbar Framerand ist sichtbar
COLS="n,n" COLS="n%,n%"		Aufteilung in nebeneinaderliegende Frames
ROWS="n,n" ROWS="n%,n%"		Aufteilung in übereinanderliegende Frames
Die Werte können jeweils in Prozent des Browserfensters oder in Pixel angegeben werden. Als Wildcard ist Stern * zugelassen, bedeutet Rest der Breite / Höhe. Es können auch mehr als 2 Frames erstellt werden. Frames können verschachtelt werden.
Attribute zu FRAME
SRC="Datei"		Dateiname des definierten Fensters
NAME="Name"		frei wählbarer Name, der verwendet werden muss, wenn eine Datei in diesem Fensterteil dargestellt werden soll (Bei Links mit TARGET="Name")
SCROLLING=Yes SCROLLING=No		Scrolleiste im Fenster immer / nie anzeigen (Standard: automatisch)
MARGINHEIGHT=n		Abstand oberer und unterer Rand in Pixel
MARGINWIDTH=n		Abstand linker und rechter Rand in Pixel
NOSIZE		Veränderung der Fenstergröße wird verhindert.

Farben

Hexadezimalcode
Tipp: Farben immer in untenstehenden Farbcodes eingeben, die versteht jeder Browser
#000000	Schwarz
#FFFFFF	Weiß
#FF0000	Rot
#FF00FF	Rotton: Fuchsia, Rosa
#800080	Rosarotton: Purple
#0000FF	Blau
#00FFFF	Blauton: Aqua
#FFFF00	Gelb
#00FF00	Gelbton: Lime
#008000	Grün
#808000	Grünton: Olive
#000080	Navy
#808080	Grau
#C0C0C0	Silber
#800000	Maroon
#008080	Teal

???

Tag
<???> <⁄???>
Attribute
???	???

???

????
<???>	<⁄???>	???

Diese Datei ist noch nicht fertig. Bitte noch ein wenig Geduld, dann erweitere ich sie.
Fehlend: Objekte, Weniger wichtige Tags,

zurück