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.
- <!-- ... --> 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.
- <!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.
- <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= ...?
- <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
- <blockquote> Der Block wird wie ein Zitat behandelt, daß heißt eingerückt
- <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)
- <br> Zeilenvorschub (Break)
- clear="left"/"all"/"right"/"none"
- <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.
- <center> Zentrierung von Objekten/Schrift
Meist ist eine Zentrierung über den Parameter "align" möglich.
- <font> Schrift
- color=Farbe
- face=Schriftart, mit Komma aufzählbar
- size=Größe von 1 bis 7, + oder -
- <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)
- <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.
- <h1>, <h2>, <h3>, <h4>, <h5>, <h6> Überschriften (Headline)
- align="left"/"center"/"right" (horizontale Ausrichtung)
<h1> ist die größte, <h6> die kleinste Überschriftart.
- <head> Kopfteil (z.B. für Titel- und Meta-Informationen)
- <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)
- <html> HTML-Definition
Legt fest, daß eingeschlossener Text im HTML-Format vorliegt.
- <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
- <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!
- <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)
- <li> Stichpunkt (für <ol>/<ul>)
- <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.
- <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)
- <noframes> Hinweistext für Browser ohne Frameunterstützung
- <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
- <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
- <pre> Vorformatierter Text
Standardtext, alle Zeichen gleich breit, Ausrichtung und Leerzeichen wie im Quelltext
- <script> Einbindung anderer Sprachen
- language="javascript"/"vbscript"
- src=externer Quelltext, z.B. "test.js"
- <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.
- <style> Definition von Schriftarten
- type="text/css" In Verbindung mit STYLE notwendig
Darf nur innerhalb von <head> stehen
- <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
- <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
- <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
- <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)
- <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)
- <title> Titelzeile
Darf nur innerhalb von <head></head> verwendet werden
- <tr> TableRow (Zeile)
- bgcolor=Farbe (Hintergrund)
Muß zu jedem Zeilenanfang innerhalb des TABLE definiert werden,
erst dann sind td und th erlaubt
- <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
- <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.
|