Danielhufeisen.de.tl - Alle html codes

ALLGEMEIN (alle HTML -Dokumente sollten (müssen aber nicht) die folgenden tags enthalten

Dokument-Typ	`<HTML></HTML>`	(Anfang und Ende der Datei)
Titel	`<TITLE></TITLE>`	(Dokument Titel, in den Header)
Kopf	`<HEAD></HEAD>`	(beschreib. Infos, wie z.B. Titel)
Rumpf	`<BODY></BODY>`	(Hauptteil der Seite)

LOGISCHES FORMATIEREN (erscheint je nach Stil-Definitionen des browsers)

Ueberschrift		(die Spez. definieren 6 Ebenen)
- Ausrichtung	`<H? ALIGN=LEFT\|CENTER\|RIGHT></H?>`
Teilung	`<DIV></DIV>`
- Ausrichtung	`<DIV ALIGN=LEFT\|RIGHT\|CENTER\|JUSTIFY></DIV>`
Block-Zitat	`<BLOCKQUOTE></BLOCKQUOTE>`	(gewöhn. eingerückt)
Hervorhebung	`<EM></EM>`	(gewöhnlich kursiv dargestellt)
starke Hervorh.	`<STRONG></STRONG>`	(gewöhnlich fett dargestellt)
Pre/ohne tags	`<XMP></XMP>`	(kaum mehr benutzt)
Zitat	`<CITE></CITE>`	(gewöhnlich kursiv)
Code	`<CODE></CODE>`	(für Quell-Code-Listen)
Beispiel-Ausgabe	`<SAMP></SAMP>`
Tastatur-Eingabe	`<KBD></KBD>`
Variable	`<VAR></VAR>`
Definition	`<DFN></DFN>`	(nicht oft implementiert)
Autoren Adresse	`<ADDRESS></ADDRESS>`
Großer Font	`<BIG></BIG>`
kleiner Font	`<SMALL></SMALL>`

HARTES FORMATIEREN (AutorIn bestimmt, wie der Text erscheint)

	Fett	`<B></B>`
	Kursiv	`<I></I>`
	unterstrichen	`<U></U>`	(noch nicht oft implementiert)
	durchgestrichen	`<S></S>`	(noch nicht oft implementiert)
	Subscript	`<SUB></SUB>`	(tiefgestellt)
	Superscript	`<SUP></SUP>`	(hochgestellt)
	Schreibmaschine	`<TT></TT>`	(nicht-proportionaler Font)
	vorformatiert	`<PRE></PRE>`	(zeigt Text wie in der Datei formatiert, incl. returns, etc. )
	Breite	`<PRE WIDTH=?></PRE>`	(in Zeichen)
	Zentrieren	`<CENTER></CENTER>`	(Kurzform für <DIV ALIGN="center">)
N1.0	blinkender Text	`<BLINK></BLINK>`	(schlimmstes tag aller Zeiten)
	Font-Größe	`<FONT SIZE=?></FONT>`	(reicht von 1-7)
	- ändern	`<FONT SIZE=+\|-?></FONT>`
N1.0	Größe des Basis-Fonts	`<BASEFONT SIZE=?>`	(von 1-7; Voreinstellung ist 3)
	Font-Farbe	`<FONT COLOR="#$$$$$$"></FONT>`
N3.0b	Font weahlen	`<FONT FACE="***</FONT>`
N3.0b	mehrsp. Satz	`<MULTICOL COLS="?"></MULTICOL>`
N3.0b	Abstand	`<MULTICOL GUTTER=?></MULTICOL>`
N3.0b	Breite	`<MULTICOL WIDTH=?></MULTICOL>`
N3.0b	Abstand	`<SPACER>`
N3.0b	Typ	`<SPACER TYPE=horizontal\|vertical\|block>`
N3.0b	Größe	`<SPACER SIZE=?>`
N3.0b	Maße	`<SPACER WIDTH=? HEIGHT=?>`
N3.0b	Ausrichtung	`<SPACER ALIGN=left\|right\|center>`

VERWEISE UND GRAFIKEN

	Verweis	`<A HREF="URL"></A>`
	Verw. auf Ziel	`<A HREF="URL#***"></A>`	(in anderem Dokument)
		`<A HREF="#***"></A>`	(im selben Dokument)
N2.0	Ziel-Fenster	`<A HREF="URL" TARGET="***"></A>`
	Markierung def.	`<A NAME="***"></A> "`
	Grafik zeigen	`<IMG SRC="URL">`
	Ausrichtung	`<IMG SRC="URL" ALIGN=TOP\|BOTTOM\|MIDDLE\|LEFT\|RIGHT>`
N1.0	Ausrichtung	`<IMG SRC="URL" ALIGN=TEXTTOP\|ABSMIDDLE\|BASELINE\|ABSBOTTOM>`
	Alternativ-Text	`<IMG SRC="URL" ALT="***"> (wenn Grafik nicht gezeigt)"`
	Maße	`<IMG SRC="URL" WIDTH=? HEIGHT=?>`	(in Pixel)
	Rand	`<IMG SRC="URL" BORDER=?>`	(in Pixel)
	Platz um Bild	`<IMG SRC="URL" HSPACE=? VSPACE=?>`	(in Pixel)
N1.0	Proxy mit ger.Auflösung	`<IMG SRC="URL" LOWSRC="URL">`
	Bild-Karte	`<IMG SRC="URL" ISMAP>`	(benötigt server script)
	Bild-Karte	`<IMG SRC="URL" USEMAP="URL">`
	Karte	`<MAP NAME="***"></MAP>`	(beschreibt die Karte)
	Sektion	`<AREA HREF="URL"\|NOHREF ALT="***" SHAPE="RECT" COORDS=" , , , "> "`
N1.1	Client Pull	`<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">`
N2.0	Objekt einbetten	`<EMBED SRC="URL">`	(insert object into page)
N2.0	Objekt Größe	`<EMBED SRC="URL" WIDTH="?" HEIGHT="?">`

DOKUMENT-GLIEDERUNG

	Absatz	`<P></P>`	(Wagenrücklauf, meist mit folgender Leerzeile)
	- Ausrichtung	`<P ALIGN=LEFT\|CENTER\|RIGHT></P>`
	Zeilen-Umbruch	`<BR>`	(Wagenrücklauf, neue Zeile)
N1.0	Clear Textwrap	`<BR CLEAR=LEFT\|RIGHT\|ALL>`	(bitte um Vorschlag
	horiz. Linie	`<HR>`
	Ausrichtung	`<HR ALIGN=LEFT\|RIGHT\|CENTER>`
	Dicke	`<HR SIZE=?>`	(in Pixel)
	Breite	`<HR WIDTH=?>`	(in Pixel)
	Breite in Proz.	`<HR WIDTH=%>`	(in Prozent der Seiten-Breite)
	gefüllte Linie	`<HR NOSHADE>`	(ohne 3D-Effekt)
N1.0	kein Zeilenumbruch	`<NOBR></NOBR>`	(verhindert Zeilenumbruch)
N1.0	Wort-Umbruch falls nötig	`<WBR>`	(wo ein Zeilenumbr. geschehen soll,

LISTEN (Listen können veschachtelt sein)

unnumerierte Liste	`<UL><LI></UL>`	(<LI> vor jedem Listen-Element)
'Bullet'-Typ	`<UL TYPE=DISC\|CIRCLE\|SQUARE>`	(für gesamte Liste)
	`<LI TYPE=DISC\|CIRCLE\|SQUARE>`	(dies <LI> und folgende)
numerierte Liste	`<OL> <LI></OL>`	(<LI> vor jedem Listen-Element)
- kompakt	`<OL COMPACT>`
Ordinal-Typ	`<OL TYPE=A\|a\|I\|i\|1>`	(für gesamte Liste)
	`(dies LI und folgende)`
Anfangs-Zahl	`<OL VALUE=?>`	(für gesamte Liste)
	`(dies LI und folgende)`
Definitionsliste	`<DL><DT><DD></DL>`	(<DT>=Term, <DD>=Definition)
- kompakt	`<DL COMPACT> </DL>`
Menue-Liste	`<MENU><LI></MENU>`	(<LI> vor jedem Listen-Element)
- kompakt	`<MENU COMPACT> </MENU>`
Verzeichnis	`<DIR><LI></DIR>`	(<LI> vor jedem Listen-Element)
- kompakt	`<DIR COMPACT></DIR>`

HINTERGRUND UND FARBEN

	Grafik-Hintergr.	`<BODY BACKGROUND="URL">`
	Hintergr.-Farbe	`<BODY BGCOLOR="#$$$$$$">`	(Rot/Grün/Blau)
	Text-Farbe	`<BODY TEXT="#$$$$$$">`
	Link-Farbe	`<BODY LINK="#$$$$$$">`
	verfolgtes Link	`<BODY VLINK="#$$$$$$">`
	aktives Link	`<BODY ALINK="#$$$$$$">`
(Mehr Infos: http://danielhufeisen.de.tl)

UMLAUTE UND SONDERZEICHEN (in Kleinschreibung)

	Sonderzeichen	`&#?;`	('?' ist der ISO 8859-1-Code)
	<	`<`
	>	`>`
	&	`&`
	"	`"`
	Reg. Warenz. ®	`®`
	©	`©`
	©	`©`
	Non-Breaking Spc	` `	(kein Zeilenumbruch an diesem Space)
(Vollständige Liste: http://danielhufeisen.de.tl)

FORMULARE (benötigen in der Regel server script)

	Fromular 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>`
	- markiert?	`<INPUT CHECKED>`	('checkbox' und 'radio button')
	- Feld-Größe	`<INPUT SIZE=?>`	(in Zeichen)
	- max. Länge	`<INPUT MAXLENGTH=?>`	(in Zeichen)
	Auswahl-Liste	`<SELECT></SELECT>`
	- Name der Liste	`<SELECT NAME="***"></SELECT>`
	- Zahl der Listeneinträge	`<SELECT SIZE=?></SELECT>`
	- Mehrfach-Wahl	`<SELECT MULTIPLE>`	(mehr als eins wählbar)
	Option	`<OPTION>`	(was man auswählen kann)
	- Vorgabe	`<OPTION SELECTED>`
	Größe Eingabefeld	`<TEXTAREA ROWS=? COLS=?></TEXTAREA>`
	- Name Eingabefeld	`<TEXTAREA NAME="***"></TEXTAREA>`
N2.0	- Text-Umbruch	`<TEXTAREA WRAP=OFF\|VIRTUAL\|PHYSICAL></TEXTAREA>`

TABELLEN

	Tabelle def.	`<TABLE></TABLE>`
	- Tabellen-Rand	`<TABLE BORDER></TABLE>`	(Tabelle erhält Rand)
	- Tabellen-Rand	`<TABLE BORDER=?></TABLE>`	(Randstärke in Pixel)
	- Zellen-Größe	`<TABLE CELLSPACING=?>`
	- Zellen-Padding	`<TABLE CELLPADDING=?>`	('Luft' zw. Inhalt und Rand)
	- Breite	`<TABLE WIDTH=?>`	(in Pixel)
	- in Prozent	`<TABLE WIDTH=%>`	(Prozent der Seiten-Breite)
	Tabellen-Zeile	`<TR></TR>`
	- Ausrichtung	`<TR ALIGN=LEFT\|RIGHT\|CENTER VALIGN=TOP\|MIDDLE\|BOTTOM>`
	Tabellen-Zelle	`<TD></TD>`	(erscheint inerhalb von Tab.-Zeilen)
	- Alignment	`<TD ALIGN=LEFT\|RIGHT\|CENTER VALIGN=TOP\|MIDDLE\|BOTTOM>`
	- kein Zeilenumbr.	`<TD NOWRAP>`
	- umfaßt ? Spalten	`<TD COLSPAN=?>`
	- umfaßt ? Zeilen	`<TD ROWSPAN=?>`
N1.1	- Breite	`<TD WIDTH=?>`	(in Pixel)
N1.1	- in Prozent	`<TD WIDTH=%>`	(Prozent der Seiten-Breite)
N3.0b	- Zellenfarbe	`<TD BGCOLOR=#$$$$$$>`
	Spalten-Kopf	`<TH></TH>`	(wie Zelle, aber meist fett, zentriert)
	- Ausrichtung	`<TH ALIGN=LEFT\|RIGHT\|CENTER VALIGN=TOP\|MIDDLE\|BOTTOM>`
	- kein Zeilenumbr.	`<TH NOWRAP>`
	- umfaßt ? Spalten	`<TH COLSPAN=?>`
	- umfaßt ? Spalten	`<TH ROWSPAN=?>`
N1.1	- Breite	`<TH WIDTH=?>`	(in Pixel)
N1.1	- in Prozent	`<TH WIDTH=%>`	(Prozent der Seiten-Breite)
N3.0b	- Zellenfarbe	`<TH BGCOLOR=#$$$$$$>`
	- Tabellen-Ueberschrift	`<CAPTION></CAPTION>`
	- Ausrichtung	`<CAPTION ALIGN=TOP\|BOTTOM>`	(über/unter Tabelle)

RAHMEN (zur Definition und Handhabung spezieller Teile des Fensters)

N2.0	Rahmen Dokument	`<FRAMESET></FRAMESET>`	(statt )
N2.0	- Zeilen-Höhe	`<FRAMESET ROWS=,,,></FRAMESET>`	(Pixel oder %)
N2.0	- Zeilen-Höhe	`<FRAMESET ROWS=*></FRAMESET>`	(* = relative Größe)
N2.0	- Spalten-Breite	`<FRAMESET COLS=,,,></FRAMESET>`	(Pixel oder %)
N2.0	- Spalten-Breite	`<FRAMESET COLS=*></FRAMESET>`	(* = relative Größe)
N3.0b	- Rand	`<FRAMESET FRAMEBORDER="yes\|no">`
N3.0b	- Randbreite	`<FRAMESET BORDER=?>`
N3.0b	- Randfarbe	`<FRAMESET BORDERCOLOR="#$$$$$$">`
N2.0	Rahmen def.	`<FRAME>`	(Inh. eines einzelnen Rahmens)
N2.0	- Dokum. anzeigen	`<FRAME SRC="URL">`
N2.0	- Rahmen-Name	`<FRAME NAME="***"\|_blank\|_self\|_parent\|_top>`
N2.0	- Rand-Breite	`<FRAME MARGINWIDTH=?>`	(linker u. rechter Rand)
N2.0	- Rand-Höhe	`<FRAME MARGINHEIGHT=?>`	(Rand oben u. unten)
N2.0	- Scrollbalken??	`<FRAME SCROLLING="YES\|NO\|AUTO">`
N2.0	- nicht veränderbar	`<FRAME NORESIZE>`	(...in der Größe)
N3.0b	- Ränder	`<FRAME FRAMEBORDER="yes\|no">`
N3.0b	- Randfarbe	`<FRAME BORDERCOLOR="#$$$$$$">`
N2.0	Inhalt kein R.	`<NOFRAMES></NOFRAMES>`	(für browser o. Rahmen)

JAVA

Applet	`<APPLET></APPLET>`	(Progrämmchen)
- Dateiname	`<APPLET CODE="***">`
- Parameter	`<APPLET PARAM NAME="***">`
- Lokation	`<APPLET CODEBASE="URL">`
- int. Name	`<APPLET NAME="***">`	(für Bezüge)
- alt. Text	`<APPLET ALT="***">`	(für nicht-Java-Browser)
- Ausrichtung	`<APPLET ALIGN="LEFT\|RIGHT\|CENTER">`
- Größe	`<APPLET WIDTH=? HEIGHT=?>`	(in Pixeln)
- Abstand	`<APPLET HSPACE=? VSPACE=?>`	(in Pixeln)

VERSCHIEDENES

	Kommentar	`<!-- *** -->`	(wird nicht angezeigt)
	Prologue	`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">`
	Indizierbar	`<ISINDEX>`	(für Index referenzierbar)
	Prompt	`<ISINDEX PROMPT="***">`	(Text-Prompt für Eingabe)
	Suche beginnen	`<A HREF="URL?***"></a>`	(echtes '?' benutzen)
	URL dieser Datei	`<BASE HREF="URL">`	(im header)
N2.0	Name Basis-Fenst.	`<BASE TARGET="***">`	(im header)
	Bezug	`<LINK REV="*" REL="*" HREF="URL">`	(im header)
	Meta-Information	`<META>`	(im header)
	Style Sheets	`<STYLE></STYLE>`	(Stil-Definitionen, kaum unterstützt)
	Skripte	`<SCRIPT></SCRIPT>`	(kaum unterstützt)