Upline: Infos & Dokus Programmierung Webentwicklung

HTML-Befehle


Bei den Parametern habe ich bewußt die allgemeinen DHTML-Parameter (onLoad, onMouseOver, ...) weggelassen, da diese den Rahmen dieser kleinen HTML-Doku sprengen würden und nicht gerade zur Übersicht beitragen. Wer etwas zum Thema JavaScript wissen möchte, der kann einen Blick auf die Beispiel-Seite werfen, welche über das obige Menü erreichbar ist.
Es sind hier auch bei weitem nicht alle HTML-Befehle aufgelistet, sondern nur die, die ich persönlich für besonders wichtig halte. Falls jemand der Ansicht ist, daß es da noch mehr grundlegendes gibt, so kann er/sie mir das ja gern mitteilen.



  1. <!-- ... --> Kommentar
    • <!-- introducing the Trident team --> Ein sogenanntes Osterei in einigen Versionen des IE

    Alles was zwischen <!-- und --> steht, wird vom Browser ignoriert. Hierbei spielt es keine Rolle, ob der Text über mehrere Zeilen geht oder ob HTML-Befehle innerhalb des Kommentars enthalten sind.


  2. <!DOCTYPE HTML PUBLIC> Definition der verwendeten HTML-Version
    • "-//IETF//DTD HTML Level 1//EN"HTML 1.0
    • "-//IETF//DTD HTML//EN"HTML 2.0
    • "-//W3C//DTD HTML 3.2//EN"HTML 3.2
    • "-//W3C//DTD HTML 4.0//EN"HTML 4.0

    HTML basiert auf der SGML-Sprachdefinition. Nach dieser Definition muß zu Beginn eines Dokuments der verwendete Dialekt angegeben werden. Die meisten Browser ignorieren diesen überlieferten Tag einfach. Da die Doctype-Deklaration nicht (mehr) erforderlich ist, beginnen nur wenige html-Dateien im www wirklich mit dieser. Die Dateiendung html bzw. htm genügt den Internet-Browsern zur Erkennung einer solchen Datei. Der Form halber sollte man ihn jedoch trotzdem verwenden.


  3. <a> Link (Verweis)
    • accesskey= ...?
    • charset= ...?
    • href=URL zu Datei, "ankername" kann über # angefügt werden
    • href="mailto:name@domain.de" e-Mail-Adresse (Starten des e-Mail-Client, z.B. Outlook)
    • hreflang= ...?
    • name="ankername" Definition eines Ankers (Einsprungpunkt)
    • rel= ...?
    • tabindex= ...?
    • target= Name des Zielframes (siehe Frame-Definition)
    • title= Hinweistext, wenn Maus über Link (nur IE)
    • type= ...?

  4. <b> Fettschrift (Bold)
    • align="left"/"center"/"right" (horizontale Ausrichtung)
    • class=Über <style> definierte Schriftart
    • id=Über <style> definierte Schriftart (Unterschied CLASS/ID ??)
    • style= Intern definierte Style-Sheet-Parameter
    • type="text/css" In Verbindung mit STYLE notwendig

  5. <blockquote> Der Block wird wie ein Zitat behandelt, daß heißt eingerückt
    • cite= ...?

  6. <body> Quelltextbereich
    • alink=Farbe (Aktivierter Link)
    • background=URL zum Hintergrundbild
    • bgcolor=Farbe (Hintergrund)
    • bgproperties="fixed"festes Hintergrundbild, nur IE4.0
    • leftmargin= ...?
    • link=Farbe (normaler Link)
    • text=Farbe (Schrift)
    • topmargin= ...?
    • vlink=Farbe (bereits besuchter Link)

  7. <br> Zeilenvorschub (Break)
    • clear="left"/"all"/"right"/"none"

  8. <caption> Tabellenüberschrift
    • align="left"/"center"/"right" (horizontale Ausrichtung, nur IE4.0)
    • valign="top"/"bottom" (Über-/Unterschrift, nur IE4.0)

    Der Befehl ist nur innerhalb von <table> erlaubt.


  9. <center> Zentrierung von Objekten/Schrift

    Meist ist eine Zentrierung über den Parameter "align" möglich.


  10. <font> Schrift
    • color=Farbe
    • face=Schriftart, mit Komma aufzählbar
    • size=Größe von 1 bis 7, + oder -

  11. <frame> Definition des Frameset
    • marginheight=Pixel/% (Abstand vertikal zwischen Framerand und -inhalt)
    • marginwidth=Pixel/% (Abstand horizontal zwischen Framerand und -inhalt)
    • name=beliebiger Name zur späteren Anzeige-Ziel-Definition
    • noresize verschieben des Balkens zwischen Frames verhindern
    • scrolling=yes/no/auto (Scroll-Balken-Definition im Frame)
    • src=URL zum Frame (.html)

  12. <frameset> Fensterunterteilung in Frames
    • border=Pixel (Linienstärke des Rahmens)
    • bordercolor=Farbe
    • cols=Pixel/%/*, Pixel/%/*, ... (Fenster in Spalten teilen)
    • frameborder="0"/"1" im IE bzw. "no"/"yes" im Navigator (Anzeige des Rahmens, siehe auch BORDER)
    • framespacing=Pixel (freigehaltener Platz um Frames)
    • rows=Pixel/%/*, Pixel/%/*, ... (Fenster in Zeilen teilen)

    border (ohne "=...") bewirkt Standardtrennlinien
    Bei cols kann man die Breite eines Frames natürlich in Pixel oder % angeben. Zusätzlich steht der * als Joker zur Verfügung, um den verbleibenden Platz einzunehmen. Der Parameter rows funktioniert entsprechend für die Breite der Frames. cols und rows sind beliebig oft aufzählbar, wobei man es aber nicht übertreiben sollte, da Frames den Seitenaufbau einer Page stark verlangsamen. Man sollte Frames nur verwenden, wenn sie unbedingt gewünscht sind. Hierbei sollte man sich auf wenige (max. 3) Frames beschränken.


  13. <h1>, <h2>, <h3>, <h4>, <h5>, <h6> Überschriften (Headline)
    • align="left"/"center"/"right" (horizontale Ausrichtung)

    <h1> ist die größte, <h6> die kleinste Überschriftart.


  14. <head> Kopfteil (z.B. für Titel- und Meta-Informationen)
    • profile= ...?

  15. <hr> Waagerechte Linie (horizontal row)
    • align="left"/"center"/"right" (horizontale Ausrichtung)
    • color=Farbe (nur IE4.0)
    • noshadekein Schatteneffekt
    • size=Pixel (Liniendicke)
    • width=Pixel/% (Linienlänge)

  16. <html> HTML-Definition

    Legt fest, daß eingeschlossener Text im HTML-Format vorliegt.


  17. <i> Kursivschrift (Italic)
    • align="left"/"center"/"right" (horizontale Ausrichtung)
    • class=Über <style> definierte Schriftart
    • id=Über <style> definierte Schriftart (Unterschied CLASS/ID ??)
    • style= Intern definierte Style-Sheet-Parameter
    • type="text/css" In Verbindung mit STYLE notwendig

  18. <iframe> Internes Frame (nur IE und andere aktuelle Browser)
    • align="left"/"center"/"right" (horizontale Ausrichtung)
    • height=Pixel/% (Höhe)
    • marginheight=Pixel/% (Abstand vertikal zwischen Framerand und -inhalt)
    • marginwidth=Pixel/% (Abstand horizontal zwischen Framerand und -inhalt)
    • name=beliebiger Name zur späteren Anzeige-Ziel-Definition
    • src=URL zum Frame (.html)
    • width=Pixel/% (Breite)

    Hiermit kann man eine beliebige html-Datei innerhalb des aktuellen Fensters als Frame anzeigen lassen. Selbst die Inhaltsänderung mit Target-Verweisen über den Namen funktioniert!


  19. <img> Bild (nur: *.jpg, *.gif, *.bmp)
    • align="top"/"middle"/"bottom"/"left"/"right" (Ausrichtung)
    • alt= Text, wenn Browser textorientiert oder Bild nicht gefunden, Hinweistext wenn Maus über dem Bild
    • border=Pixel (schwarzer Rahmen, um das Bild)
    • class="moveable" nur IE4.0 (benötigt Parameter style), unter Netscape: <layer>
    • height=Pixel (Bildhöhe)
    • hspace=Pixel (Breite des weißen Randes links+rechts)
    • ismap=?? Irgendwas mit Image-Map-Erkennung ??
    • lowsrc=URL zum vorzuladenden Bild mit niedriger Qualität (nur Netscape)
    • src=URL zum Bild
    • style= Intern definierte Style-Sheet-Parameter (zur Ausrichtung)
    • style="filter:XRay()" Negativ vom Bild darstellen (nur IE)
    • usemap=?? URL zu image-map ??
    • vspace=Pixel (Breite des weißen Randes oben+unten)
    • width=Pixel (Bildbreite)

  20. <li> Stichpunkt (für <ol>/<ul>)

  21. <link> Laufschrift (ab IE2.0)
    • rel=StyleSheet
    • href=URL zu Datei

    Es gibt laut Spezifikation noch eine Reihe weiterer Parameter, die man hinter rel angeben kann, diese werden jedoch bisher von keinem Browser unterstützt.


  22. <marquee> Laufschrift (ab IE2.0)
    • align="top"/"middle"/"bottom" (vertikale Ausrichtung der umgebenden Schrift)
    • behavior="alternate"Text bewegt sich immer hin und her
    • bgcolor=Farbe (Hintergrund)
    • direction=left/right (Bewegungsrichtung der Laufschrift definieren)
    • height=Pixel/% (Höhe)
    • hspace=Pixel (Abstand zwischen Text vor/hinter der Laufschrift und dieser selbst)
    • scrollamount=Pixel (Abstand zwischen Scrollzuständen)
    • scrolldelay=Wert in Millisekunden (Pause zwischen den Scrollzuständen)

  23. <noframes> Hinweistext für Browser ohne Frameunterstützung

  24. <ol> Geordnete Liste
    • start=Zahl (legt Startwert der Aufzählung fest)
    • type="1"/"i"/"I"/"a"/"A" (Zähltyp: Zahl/römische Zahl/Buchstabe)

    Aufzählung mit <li> => Aufzähltyp (Standard ist Zahl bei 1 beginnend) + Texteinrückung


  25. <p> Absatz (Paragraph)
    • align=left/center/right (horizontale Ausrichtung)
    • class=Über <style> definierte Schriftart
    • id=Über <style> definierte Schriftart (Unterschied CLASS/ID ??)
    • style= Intern definierte Style-Sheet-Parameter
    • type="text/css" In Verbindung mit STYLE notwendig

  26. <pre> Vorformatierter Text

    Standardtext, alle Zeichen gleich breit, Ausrichtung und Leerzeichen wie im Quelltext


  27. <script> Einbindung anderer Sprachen
    • language="javascript"/"vbscript"
    • src=externer Quelltext, z.B. "test.js"

  28. <strike> Durchgestrichene Schrift
    • align="left"/"center"/"right" (horizontale Ausrichtung)
    • class=Über <style> definierte Schriftart
    • id=Über <style> definierte Schriftart (Unterschied CLASS/ID ??)
    • style= Intern definierte Style-Sheet-Parameter
    • type="text"/"css" In Verbindung mit STYLE notwendig

    Statt <strike> ist in neueren Browsern auch <s> (HTML 4 - Standard) möglich.


  29. <style> Definition von Schriftarten
    • type="text/css" In Verbindung mit STYLE notwendig

    Darf nur innerhalb von <head> stehen


  30. <sub> Tiefgestellte Schrift
    • class=Über <style> definierte Schriftart
    • id=Über <style> definierte Schriftart (Unterschied CLASS/ID ??)
    • style= Intern definierte Style-Sheet-Parameter
    • type="text/css" In Verbindung mit STYLE notwendig

  31. <sup> Hochgestellte Schrift
    • class=Über <style> definierte Schriftart
    • id=Über <style> definierte Schriftart (Unterschied CLASS/ID ??)
    • style= Intern definierte Style-Sheet-Parameter
    • type="text/css" In Verbindung mit STYLE notwendig

  32. <table> Erstellung von Tabellen, optische Gestaltung
    • align="left"/"center"/"right" (horizontale Ausrichtung)
    • background=URL zum Hintergrundbild
    • bgcolor=Farbe (Hintergrund)
    • border=Pixel (Linienstärke)
    • bordercolor=Farbe (Linien)
    • bordercolordark=Farbe (Schatten für Linien, IE4.0)
    • bordercolorlight=Farbe (Schatten für Linien, IE4.0)
    • cellpadding=Pixel (Platz zw. Zelle und Inhalt)
    • cellspacing=Pixel (Platz zw. Zellen)
    • cols=Anzahl der verwendeten Spalten
    • frame="box"/"void"/"above"/"below"/"hsides"/"vsides"/"lhs"/"rhs" (Rahmen-Linien: alle/keine/oben/unten/oben&unten/links&rechts/links/rechts)
    • height=Pixel/% (Höhe)
    • rows=Anzahl der verwendeten Zeilen
    • rules=groups/...? (Trennlinien zwischen Zeilen und Spalten)
    • text=Farbe (Schrift)
    • valign="top"/"middle"/"bottom" (vertikale Ausrichtung)
    • width=Pixel/% (Breite)

    bordercolordark/-light ist höherwertiger als bordercolor und überschreibt dessen Einstellungen
    border (ohne "=...") bewirkt Standardtrennlinien, entspricht BORDER=1 und FRAME=box


  33. <td> TableData (Daten-Zelle, siehe TH)
    • align="left"/"center"/"right"/"justify" (horizontale Ausrichtung)
    • background=URL zum Hintergrundbild
    • bgcolor=Farbe (Hintergrund)
    • colspan=Zahl (Zellen horizontal verknüpfen)
    • height=Pixel/% (Höhe)
    • rowspan=Zahl (Zellen vertikal verknüpfen)
    • valign="top"/"middle"/"bottom"/"baseline" (vertikale Ausrichtung)
    • width=Pixel/% (Breite)

  34. <th> TableHeader (Kopf-Zelle, siehe TD)
    • align="left"/"center"/"right"/"justify" (horizontale Ausrichtung)
    • background=URL zum Hintergrundbild
    • bgcolor=Farbe (Hintergrund)
    • colspan=Zahl (Zellen horizontal verknüpfen)
    • height=Pixel/% (Höhe)
    • rowspan=Zahl (Zellen vertikal verknüpfen)
    • valign="top"/"middle"/"bottom"/"baseline" (vertikale Ausrichtung)
    • width=Pixel/% (Breite)

  35. <title> Titelzeile

    Darf nur innerhalb von <head></head> verwendet werden


  36. <tr> TableRow (Zeile)
    • bgcolor=Farbe (Hintergrund)

    Muß zu jedem Zeilenanfang innerhalb des TABLE definiert werden, erst dann sind td und th erlaubt


  37. <u> Unterstrichene Schrift (Underlined)
    • align=left/center/right (horizontale Ausrichtung)
    • class=Über <style> definierte Schriftart
    • id=Über <style> definierte Schriftart (Unterschied CLASS/ID ??)
    • style= Intern definierte Style-Sheet-Parameter
    • type="text/css" In Verbindung mit STYLE notwendig

  38. <ul> Ungeordnete Liste
    • class=Über <style> definierte Schriftart
    • id=Über <style> definierte Schriftart (Unterschied CLASS/ID ??)
    • style= Intern definierte Style-Sheet-Parameter
    • type="text/css" In Verbindung mit STYLE notwendig
    • type="circle"/"disc"/"square" (Stichpunktform Kreis/Quadrat/Punkt)

    Aufzählung mit <li> => Punkt + Texteinrückung, der Punkt ist meist gefüllt, bei verschachtelten Listen wird automatisch der jeweils nächste Typ verwendet. Dies kann mit dem Parameter "type" angepaßt werden.