das HTML-Gerippe

DAS HTML-GERIPPE

deutsche Übersetzung des Bare Bones Guide to HTML

von Kevin Werbach

Version 3.0 formatiert -- 07.08.1996
Übersetzung: Martin Weinelt

Die letzte Version dieses Dokumentes ist immer unter <http://werbach.com/barebones/> verfügbar.

Das HTML-Gerippe führt alle tags auf, die die aktuellen Versionen der meisten Browser verstehen. Alle tags der HTML-Spezifikation 3.2 sind aufgeführt, ebenso wie die Netscape-Erweiterungen der Navigator-Version bis zu 3.0b5. Die Anleitung wurde so knapp wie möglich verfaßt, deshalb bietet sie auch keinerlei Details darüber, wie man die tags im einzelnen benutzen soll. Es gibt zahlreiche Schritt-für-Schritt-Anleitungen im Web, viele davon sind unter http://werbach.com/web/wwwhelp.html gelistet und gelinkt. Kommentare und Vorschläge immer sehr willkommen.

SYMBOLE

URL URL einer externen Datei (oder Dateiname, falls im selben Verzeichnis
? beliebige Zahl (z.B. <H?> heißt <H1>, <H2>, <H3>, etc.)
% beliebiger Prozentwert (z.B. <HR WIDTH=%> heißt <HR WIDTH=50%>, etc.)
*** beliebige Text (z.B. ALT=***" heißt: Text einfügen)"
$$$$$$ beliebige Hex-Wert (z.B. BGCOLOR=#$$$" heißt BGCOLOR="#00FF1C", etc.)"
,,, Komma-Trennung (z.B. COORDS=,,," heißt COORDS="0,0,50,50",etc.) "
| Alternativen (z.B. ALIGN=LEFT|RIGHT|CENTER heißt: eins davon auswählen)

KOMPATIBILITÄT (Stand 21.06. 1996)

(keine Annotation) Teil der HTML3.2 Spez.; sollte für alle browser darstellbar sein
N1.0 Netscape-Erweiterung eingeführt mit Navigator Version 1.0
N1.1 Netscape-Erweiterung eingeführt mit Navigator Version 1.1
N2.0 Netscape-Erweiterung eingeführt mit Navigator Version 2.0
N3.0b Netscape-Erweiterung eingeführt mit Navigator Version 3.0 beta

Wichig: Bei Unklarheiten über die Unterschiede zwischen HTML2.0, HTML 3.0, HTML 3.2 und den Netscape Erweiterungen sollte man die Stellungname des W3C zu Entwicklung von HTML lesen.

Inhalt:
HTML TAGS

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://werbach.com/web/wwwhelp.html#color)

    UMLAUTE UND SONDERZEICHEN (in Kleinschreibung)

    Sonderzeichen &#?; ('?' ist der ISO 8859-1-Code)
    < &lt;
    > &gt;
    & &amp;
    " &quot;
    Reg. Warenz. ® &#174;
    © &#169;
    © &copy;
    Non-Breaking Spc &nbsp; (kein Zeilenumbruch an diesem Space)
    (Vollständige Liste: http://www.uni-passau.de/%7Eramsch/iso8859-1.html)

    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)

    Weiter zu:
    ///HTML-Gerippe Text-Version /// Eingangsseite///

    Copyright (c) 1995-1997 Kevin Werbach. Nichtkommerzielle Verbreitung gestattet. Diese Anleitung ist kein Produkt von Bare Bones Software. Wenden Sie sich an den Autor für weitere Informationen.

    Übersetzung: Martin Weinelt