HTML - ganz easy


Prof. Jürgen Plate

HTML-Kurzreferenz

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)

Allgemeines

Start-TagsEnd-TagBeschreibung
Struktur des Dokuments
<HTML></HTML>Klammert das gesamte Dokument
<HEAD></HEAD>Klammert den Kopfteil
<TITLE></TITLE>Titel
<BASE></BASE>Basisadresse des Dokuments zur Auflösung relativer Verweise
<ISINDEX></ISINDEX>Ermöglicht die Suche nach einem Schlüsselwort
<LINK></LINK>Querverweis, gleiche Attribute wie <A>
<META></META>Metainformationen über das Dokument
<BODY></BODY>Hauptteil
<H1>...<H6><H1>...<H6>Überschriften (Ausrichtung mit ALIGN=LEFT|CENTER|RIGHT).
<P>---Beginn eines neuen Absatzes
<PRE></PRE>(preformatted) vorformatierter Text
<ADDESS></ADDRESS>Adreßformat, meist kursiv
<BLOCKQUOTE></BLOCKQUOTE>Zitatblock, meist eingerückt und/oder kursiv
<!-- ...Text... -->---Komentar
<DIV></DIV>Absatzteilung (Ausrichtung mit ALIGN=LEFT|RIGHT|CENTER|JUSTIFY)
Hervorhebungen
<CITE></CITE>Buchtitel oder Zitat, meist kursiv
<CODE></CODE>Kurze Codestellen, meist in äquidistanter Schrift
<EM></EM>(emphasize) hervorgehobener Text, meist kursiv
<KBD></KBD>Keyboard-Eingabe, meist in äquidistanter Schrift
<SAMP></SAMP>Wörtlich zu interpretierende Zeichen, meist in äquidistanter Schrift
<STRONG></SRONG>Starke Hervorhebung, meist fett
<VAR></VAR>Platzhalter oder Variable, meist kursiv
Typographische Elemente
<B></B>(bold) Fette Schrift
<I></I>(italic) Kursive Schrift
<TT></TT>(teletype) Äquidistante Schrift
Listen
<UL></UL>(unordered list) Unsortierte Liste
<LI>---(list item) Element einer List
<OL></OL>(odered list) Sortierte Liste
<DIR></DIR>(directory) Verzeichnisliste
<MENU></MENU>Liste mit einer Zeile pro Element
<DL></DL>(definition list) Glossar
<DT>---(definition term) Element des Glossar
<DD>---Definition eines Elementeintrages im Glossar
Sonstige
<A></A>Anker, benötigt mindestens das Attribut NAME oder HREF
<IMG>---Fügt Inline-Graphik ein
<BR>---Fügt einen Zeilenumbruch ein
<HR>---Fügt eine horizontale Trennlinie ein

Fonts

<FONT SIZE=?></FONT>Font-Größe absolut
<FONT SIZE=+|-?></FONT>Font-Größe relativ
<BASEFONT SIZE=?>Größe des Basis-Fonts
<FONT COLOR="#$$$$$$"></FONT>Font-Farbe
<FONT FACE="***</FONT>Font wählen

Attribute für die Tags

Start-TagEnd-TagAttributeBeschreibungMögliche Werte
<A></A>HREFVerweiszielDateiname oder Name des Ankers
NAMEWeist dem Anker einen symbolischen Namen zuBeliebiger Name (ein Wort)
<IMG>---SRCName der GraphikdateiDateiname
ALIGNAusrichtung der GraphikTOP, MIDDLE oder BOTTOM
ALIGNAusrichtung des TextesLEFT oder RIGHT
ALTlegt alternativen Text festBeliebiger Text
ISMAPDefiniert image map---

Hintergrund und Farben

Grafik-Hintergr. <BODY BACKGROUND="URL">
Hintergr.-Farbe <BODY BGCOLOR="#$$$$$$">
Text-Farbe <BODY TEXT="#$$$$$$">
Link-Farbe <BODY LINK="#$$$$$$">
verfolgtes Link <BODY VLINK="#$$$$$$">
aktives Link <BODY ALINK="#$$$$$$">

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)
- Ausrichtung <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>  
- kein Zeilenumbr. <TD NOWRAP>  
- umfaßt ? Spalten <TD COLSPAN=?>  
- umfaßt ? Zeilen <TD ROWSPAN=?>  
- Breite <TD WIDTH=?> (in Pixel)
- in Prozent <TD WIDTH=%> (Prozent der Seiten-Breite)
- 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=?>  
- Breite <TH WIDTH=?> (in Pixel)
- in Prozent <TH WIDTH=%> (Prozent der Seiten-Breite)
- Zellenfarbe <TH BGCOLOR=#$$$$$$>  
- Tabellen-Ueberschrift <CAPTION></CAPTION>  
- Ausrichtung <CAPTION ALIGN=TOP|BOTTOM> (über/unter Tabelle)

Sonderzeichen in HTML

ZeichenDezimalcodeNameBeschreibung
&#09Horizontal tap
&#10Line feed
&#13Carriage Return
"&#34quotQuotation mark
&&#38ampAmpersand
<&#60ltLess than
>&#62gtGreater than
&#160nbspNon-breaking Space
¡&#161iexclInverted exclamation
¢&#162centCent sign
£&#163poundPound sterling
¤&#164currenGeneral currency sign
¥&#165yenYen sign
¦&#166brvbarBroken vertical bar
§&#167sectSection sign
¨&#168umlUmlaut (dieresis)
©&#169copyCopyright
ª&#170ordfFeminine ordinal
«&#171laquoLeft angle quote, guillemotleft
¬&#172notNot sign
­&#173shySoft hyphen
®&#174regRegistered trademark
¯&#175macrMacron accent
°&#176degDegree sign
±&#177;plusmnPlus or minus
²&#178sup2Superscript two
³&#179sup3Superscript three
´´&#180acuteAcute accent
µ&#181microMicro sign
&#182paraParagraph sign
·&#183middotMiddle dot
¸&#184cedilCedilla
¹&#185sup1Superscript one
º&#186ordmMasculine ordinal
»&#187raquoRight angle quote, guillemotright
¼&#188frac14Fraction one-fourth
½&#189frac12Fraction one-half
¾&#190frac34Fraction three-fourth
¿&#191iquestInverted question mark
À&#192AgraveCapital A, grave accent
Á&#193AacuteCapital A, acute accent
Â&#194AcircCapital A, circumflex accent
Ã&#195AtildeCapital A, tilde
Ä&#196AumlCapital A, dieresis or umlaut mark
Å&#197AringCapital A, ring
Æ&#198AEligCapital AE, dipthong (ligature)
Ç&#199CcedilCapital C, cedilla
È&#200EgraveCapital E, grave accent
É&#201EacuteCapital E, acute accent
Ê&#202EcircCapital E, cicrcumflex accent
Ë&#203EumlCapital E, dieresis or umlaut mark
Ì&#204IgraveCapital I, grave accent
Í&#205IacuteCapital I, acute accent
Î&#206IcircCapital I, circumflex accent
Ï&#207IumlCapital I, dieresis or umlaut mark
Ð&#208ETHCapital Eth, Icelandic
Ñ&#209NtildeCapital N, tilde
Ò&#210OgraveCapital O, grave accent
Ó&#211OacuteCapital O, acute accent
Ô&#212OcircCapital O, circumflex accent
Õ&#213OtildeCapital O, tilde
Ö&#214OumlCapital O, dieresis or umlaut mark
×&#215timesMultiply sign
Ø&#216OslashCapital O, slash
Ù&#217UgraveCapital U, grave accent
Ú&#218UacuteCapital U, acuta accent
Û&#219UcircCapital U,circumflex accent
Ü&#220UumlCapital U,dieresis or umlaut mark
Ý&#221YacuteCapital Y, acute accent
Þ&#222THORNCapital THORN, Icelandic
ß&#223szligSmall sharp s, German (szligature)
&#224-&#230small a with accentsmall a with accent
ç&#231ccedilSmall c, cedilla
&#232-&#235small e with accentsmall e with accent
&#236-&#239small i with accentsmall i with accent
ð&#240ethSmall eth, Icelandic
ñ&#241ntildeSmall n, tilde
&#242-&#246small o with accentsmall o with accent
÷&#247divideDivision sign
ø&#248oslashSmall O, slash
&#249-&#252siehe U, bloß kleinsmall u with accent
ý&#253yacuteSmall y, acute accent
þ&#254thornSmall thorn, Icelandic
ÿ&#255yumlSmall y, dieresis or umlaut mark