Dieser Anhang deckt alle HTML-Befehle (engl.: »tags«) ab, die von der Version Beta 1 des Internet Explorer 3.0 unterstützt werden. Die Struktur dieses Anhangs lehnt sich an den HTML 3.2-Standard und an die Internet Explorer Dokumentation an, die Teil des Internet Software Development Kits (SDK) ist. Am Ende jedes Abschnitts zeigen Beispiele die praktische Verwendung der besprochenen Syntax der HTML-Befehle auf. Einige der Befehle gehören zum HTML-Standard, während andere nicht dazugehören und sich möglicherweise in künftigen Versionen des Internet Explorer verändern werden.
Der Anhang ist in vier große Abschnitte unterteilt. Der erste Abschnitt beschäftigt sich mit dem Kopfteil einer HTML-Seite. Der zweite Abschnitt erklärt die Befehle, die in dem Rumpfteil einer HTML-Seite verwendet werden, während der dritte Abschnitt verschiedene Befehle bespricht und ein kurzes Glossar der HTML-Terminologie enthält. Der letzte Abschnitt besteht aus einer vollständigen Liste aller Farbennamen, die der Internet Explorer unterstützt. Ansonsten finden Sie in den großen Abschnitten kleinere, spezielle Abschnitte zu Themen wie client-gesteuerte Image-Maps, Lists, Frames, Tabellen, Formulare und Objekte, da diese alle ihrerseits mehrere Subattribute und -befehle enthalten.
Zweck
Der <HEAD>-Befehl markiert den Kopfbereich des Dokuments. Innerhalb der <HEAD>-Befehle wird alle Information zur Beschreibung des Dokuments untergebracht. Sie brauchen einen Header, wenn Sie Ihrem Dokument einen Titel geben wollen, externe Style-Sheets verwenden oder andere Informationen einbauen wollen, die sich nicht direkt auf den Inhalt der Seite beziehen.
Syntax
Attribute
Beispiel
<HEAD>
<TITLE>This is the title of the document and appears in the
title bar...</TITLE>
</HEAD>
Zweck
Der <LINK>-Befehl stellt Informationen über Verweise von dem HTML-Dokument oder auf das Dokument zur Verfügung, die nicht in dem Dokument selbst untergebracht sind. Der <LINK>-Befehl wird in diesem Kontext sehr liberal verwendet und es gibt mehrere mögliche Attribute für diesen Befehl. Hauptzweck des <LINK>-Befehls ist für den Microsoft Internet Explorer 3.0 die Verwendung für Style-Sheets und eventuell auch für Visual Basic Script. Die genaue Verwendung des <LINK>-Befehls im Kontext von Style-Sheets wird in dem Abschnitt über Style-Sheets besprochen (vgl. auch Kapitel 2 »HTML im Überblick«). Der <LINK>-Befehl hat kein abschließendes Gegenstück.
Syntax
Attribute
Beispiel
<LINK REL="style" TYPE="text/css" HREF=" http://www.styles.org/formal.css ">
Zweck
Der <META>-Befehl ermöglicht es, Meta-Informationen in dem Dokument unterzubringen. Informationen, die das Dokument näher beschreiben, können ebenfalls hier integriert werden.
Syntax
Attribute
Attribute |
Erforderlich |
Zweck |
Ja |
Gibt an, welche Funktion oder Aktion auf das Dokument ausgeführt werden soll. Internet Explorer hat dafür nur einen Wert: »Refresh«. | |
Gibt an, was der Zweck dieser Meta-Information ist. | ||
Gibt den CONTENT (dt.: Inhalt) von HTTP-EQUIV oder TYPE an. |
Der Wert »refresh« für das Attribut HTTP-EQUIV bedeutet, daß das Dokument neu geladen werden soll, sobald die in dem Attribut VALUE angegebene Zeit verstrichen ist. Darüber hinaus kann das Attribut VALUE eine weitere URL angeben, die nach der abgelaufenen Zeit geladen werden soll. Die Syntax dazu ist:
VALUE = "n URL"
wobei »n« die Zahl der Sekunden angibt, die verstreichen muß, bis das Dokument geladen wird und »URL« die Adresse des zu ladenden Dokuments angibt.
Beispiel
<META HTTP-EQUIV="refresh" CONTENT="10 http://www.yahoo.com ">
Zweck
Der Befehl <TITLE> gibt den Titel des Dokuments an. Den Wert, der innerhalb des <TITLE>-Befehls angegeben wird, zeigt der Internet Explorer in seiner Titelleiste an.
Syntax
Attribute
Example
<HEAD>
<TITLE>This is an HTML document</TITLE>
</HEAD>
Zweck
Der Anker-Befehl <A> gibt einen Hyperlink an, der für den Zugriff auf andere Dokumente oder Ressourcen eingesetzt wird. Was auch immer in den Anker-Befehl eingeschlossen wird, ist entweder ein Anker, auf den von anderen Ressourcen aus zugegriffen wird, oder aber ein Link, der seinerseits auf andere Anker oder Ressourcen zugreift.
Syntax
Attribute
Attribute |
27 |
Zweck |
Ja |
Gibt die Ressource an, auf die der Hyperlink verweisen soll. Dies kann eine URL oder ein Dateinname sein. | |
Identifiziert den Anker oder Hyperlink. | ||
Gibt das Fenster oder den Frame an, in die die Ressource geladen werden soll. |
Beispiel
<A HREF=" http://www.rt66.com/iymalluf ">Go To Malluf Consulting
Services Homepage</A>
Zweck
Der Befehl <ADDRESS> sorgt dafür, daß er von ihm eingeschlossene Text in Kursivschrift angezeigt wird, um so eine E-Mail-, postalische oder sonstige Adresse zu kennzeichnen.
Syntax
Attribute
Beispiel
<ADDRESS>123 Main Street<BR>
Anytown, USA
87743-0123 </ADDRESS>
Zweck
Der <B>-Befehl sorgt dafür, daß der von ihm eingeschlossene Text in Fettdruck dargestellt wird.
Syntax
Attribute
Beispiel
The text at the end of this line is in <B>bold</B>.
Zweck
Der <BIG>-Befehl sorgt dafür, daß der von ihm eingeschlossene Text in größerer Schrift dargestellt wird. Die Schriftgröße ist geringfügig größer als die des normalen Absatztextes.
Syntax
Attribute
Beispiel
We want you to notice <BIG>this text</BIG>.
Zweck
Der <BLOCKQUOTE>-Befehl wird verwendet, um Zitate oder ähnliches Material darzustellen. Der von dem <BLOCKQUOTE>-Befehl eingeschlossene Text wird um 5 Inch nach rechts eingerückt.
Syntax
Attribute
Beispiel
<BLOCKQUOTE>This sentence of words is indented – can’t you see??? </BLOCKQUOTE>
Zweck
Der <BODY>-Befehl kennzeichnet Beginn und Ende des inhaltlichen Teils des Dokuments oder des Dokuments, das gerade angezeigt wird.
Syntax
Attribute
Attribute |
Erforderlich |
Zweck |
Gibt eine Grafik an, die auf dem Hintergrund kachelartig dargestellt wird. | ||
Gibt eine Hintergrundfarbe an. Diese Farbe kann in verschiedenen Farbennamen oder in Hexadezimalwerten angegeben werden. Das Hexadezimalformat ist #rrggbb, wobei »rr« der Hexadezimalwert für einen Rotwert der Farbenpalette von 0–255 ist, »gg« und »bb« entsprechend für Grün und Blau. Die 16 Standard-Farben und ihre hexadezimalen Entsprechungen werden in der Tabelle am Ende dieses Abschnitts aufgelistet. Eine komplette Liste aller unterstützen Farbennamen finden Sie in dem letzten Abschnitt dieses Anhangs. | ||
Gibt die Eigenschaften des Attributs BACKGROUND an. Der einzige zulässige Wert für BGPROPERTIES ist zur Zeit »fixed«, was darauf hinweist, daß die durch BACKGROUND angegebene Grafik nicht kachelartig dargestellt werden wird, sondern als Wasserzeichen. | ||
Gibt die Breite des linken Seitenrandes an (Werte in Pixel). | ||
Gibt die Farbe eines noch nicht besuchten Links an. Gleiches Format wie BGCOLOR. | ||
Gibt die Farbe des Vordergrundtextes an. Gleiches Format wie BGCOLOR. | ||
Gibt die Breite des oberen Seitenrandes an (Werte in Pixel). | ||
Gibt die Farbe eines besuchten Links an. Gleiches Format wie BGCOLOR. |
Farbenname |
Hexadezimales Äquivalent |
"Aqua" |
"#00FFFF" |
"Black" |
"#FFFFFF" |
"Blue" |
"#0000FF" |
"Fuchsia" |
"#FF00FF" |
"Gray" |
"#808080" |
"Green" |
"#008000" |
"Lime" |
"#00FF00" |
"Maroon" |
"#800000" |
"Navy" |
"#000080" |
"Olive" |
"#808000" |
"Purple" |
"#800080" |
"Red" |
"#FF0000" |
"Silver" |
"#C0C0C0" |
"Teal" |
"#808000" |
"White" |
"#FFFFFF" |
"Yellow" |
"#FFFF00" |
Beispiel
<BODY>
<H1>This</H1>
<B>This</B><BR>
<P>And this are in the body</P>
</BODY>
Zweck
Der <BR>-Befehl fügt einen Zeilenumbruch in HTML ein. Normalerweise gibt es in HTML keine Zeilenumbrüche: Der Text fließt kontinuierlich bis zum Ende des Browsers und verwendet dann einen Zeilenumbruch.
Syntax
Attribute
Attribute |
Erforderlich |
Zweck |
Der auf den <BR>-Befehl folgende Text wird so ausgerichtet, wie dies in dem Attribut CLEAR angegeben wird. Wenn zum Beispiel auf einen links ausgerichteten Grafik-Befehl ein <BR>-Befehl mit einigem Text folgt und das Attribut CLEAR="left" lautet, dann wird der Text am linken Seitenrand unterhalb der Grafik ausgerichtet. Dasselbe gilt entsprechend für den Wert "right" für den rechten Seitenrand. Der Wert "all" sorgt dafür, daß der auf den <BR>-Befehl folgende Text nach allen Grafiken angezeigt wird. |
Beispiel
This line has no breaks in it
This <BR> line does <BR> have brea<BR>ks.<BR>
<IMG SRC="test.gif" ALIGN="left">Some text is here
<BR CLEAR="left"> and some text is just below the image, on the left side.
Zweck
Der <CENTER>-Befehl zentriert Text, Grafiken oder andere Elemente, die er einschließt.
Syntax
Attribute
Beispiel
This text is left aligned.
<CENTER>This text is centered</CENTER>
Zweck
Der <CITE>-Befehl zeigt Text kursiv an und hat denselben Zweck wie der <BLOCKQUOTE>-Befehl: Damit sollen Zitate und ähnliches Material markiert werden.
Syntax
Attribute
Beispiel
<CITE>"He didn’t do it"</CITE> the reporter said.
Dieser Abschnitt beschäftigt sich mit client-gesteuerten Image-Maps und wie man diese implementiert. Zur Zeit unterstützen sowohl der Microsoft Internet Explorer als auch der Netscape Navigator client-gesteuerte Image-Maps. Das Attribut USEMAP des <IMG>-Befehls greift auf client-gesteuerte Image-Maps zu. Das Attribut USEMAP zeigt an, mit welcher Karte es verbunden werden soll. Diese Karte enthält Bereiche (Polygone, Kreise, Rechtecke), die über Koordinaten definiert werden und sogenannte Hotspots darstellen. Wenn der Anwender auf einen Hotspot in der Grafik klickt, dann werden die Koordinaten mit denen der definierten Bereiche der Karte verglichen und die in dem Attribut HREF festgelegte Aktion wird ausgeführt.
Syntax
Attribute
Attribute |
Erforderlich |
Zweck |
NAME |
Ja |
Gibt der Karte einen Namen, auf den sich das Attribut USEMAP des <IMG>-Befehls bezieht. |
Der <AREA>-Befehl wird verwendet, um die verschiedenen Hotspots einer Grafik zu definieren. Der <AREA>-Befehl muß in den <MAP>-Befehl eingeschlossen sein und ist andererseits auch der einzige Befehl, der innerhalb des <MAP>-Befehls verwendet werden darf. Die folgende Tabelle erklärt die Attribute des <AREA>-Befehls.
Attribute |
Erforderlich |
Zweck |
Ja |
Gibt die Koordinaten eines Hotspot-Bereichs an, der über das Attribut SHAPE definiert wurde. Die Koordinaten werden in Paaren (x,y) angegeben, bis der Bereich ausreichend definiert ist. Ein Vieleck hätte also die Werte COORDS="x1,y1,x2,y2,..." usw. | |
Ja |
Legt fest, wohin ein Anwender geschickt wird (in Form einer URL), wenn er auf einen Bereich klickt, der durch das entsprechende Attribut COORDS festgelegt wurde. | |
Ja |
Legt fest, daß keine Aktion ausgeführt wird, wenn der Anwender auf einen durch das entsprechende Attribut COORDS festgelegten Bereich klickt. Dieses Attribut ist erforderlich, wenn das Attribut HREF nicht eingesetzt wird. | |
Ja |
Gibt die Form des Hotspot-Bereichs an. Zulässige Werte sind: »circle« (Kreis), »rectangle« (Rechteck) und »polygon« (Vieleck). Bei einem Kreis müssen Sie das Zentrum des Kreises (x,y) und den Radius des Kreises angeben und zwar genau in dieser Reihenfolge (COORDS="center.x,center.y,radius"). Bei einem Rechteck müssen Sie die Koordinaten zweier aneinanderliegender Ecken des Rechtecks angeben (COORDS="x1,y1,adjacent.x2,adjacent.y2"). Bei einem Vieleck geben Sie die Koordinatenpaare (x,y) aller Ecken an (COORDS="x1,y1,x2,y2,x3,y3,…"). |
Beispiel
Siehe Listing B.3 in dem Abschnitt »Frames« in diesem Anhang.
Zweck
Der <CODE>-Befehl sorgt dafür, daß der von ihm eingeschlossene Text in einer nicht-proportionalen Schrift dargestellt wird, wie das bei der Darstellung von Programmzeilen üblich ist.
Syntax
Attribute
Beispiel
<H2>The code for a simple C program</H2>
<CODE>
#include<stdio.h><BR>
main() <BR>
{<BR>
printf("This is a test");<BR>
}<BR></CODE>
Zweck
Der <DFN>-Befehl ist einer der zahlreichen Befehle, die für eine Kursiv-Darstellung des Textes sorgen.
Syntax
Attribute
Beispiel
This is an example of the <DFN><DFN></DFN>-Befehl.
Zweck
Der <EM>-Befehl wird verwendet, um die von ihm eingeschlossenen Worte hervorzuheben. Die Hervorhebung wird durch Kursivsetzung erreicht. Der einzige Unterschied des <EM>-Befehls zu anderen Kursivsetzungsbefehlen besteht darin, daß der <EM>-Befehl von seiner Philosophie her ein logischer Befehl ist. Die Wirkung ist dieselbe.
Syntax
Attribute
Beispiel
You <EM>must</EM> turn on the computer to get anything done.
Zweck
Der <FONT>-Befehl wird verwendet, um die Größe, Farbe und Schriftart des von ihm eingeschlossenen Textes zu beeinflussen.
Syntax
Attribute
Attribute |
Erforderlich |
Zweck |
Gibt die neue Farbe des Textes an. Die Farbe wird entweder mit einem Farbennamen (vgl. den Abschnitt für <BODY>-Befehle) oder mit einem Hexadezimalwert in der Form von #RRGGBB angegeben. (Dabei sind RR, GG und BB Hexadezimalzahlen von 0 bis FF (=255) in Rot, Grün, bzw. Blau.) | ||
Gibt die neue Schriftart an, die für den eingeschlossenen Text verwendet werden soll. Ob die Schriftart dann angezeigt werden kann, hängt davon ab, ob das System des Anwenders über diese Schriftart verfügt. Einige verbreitete Schriftarten sind in der nachfolgenden Tabelle aufgelistet. Sie können auch mehrere Schriftarten für den Fall angeben, daß der Anwender über die erstgenannten vielleicht nicht verfügt (d. h., daß bei FACE="Times,Arial,Bahamas" die Schriftart Times verwendet wird, auf die Schriftart Arial zurückgegriffen wird, wenn Times nicht verfügbar ist, usw.). Es gibt dabei keine technische Beschränkung für die Anzahl der alternativen Schriftarten, die angegeben werden können. | ||
Gibt die Schriftgröße des eingeschlossenen Textes an. Diese kann relativ zu der allgemeinen Größe (Voreinstellung: 1) oder als neuer Wert (von 1–7) angegeben werden. Es ist auch möglich, eine relative Größe zu der voreingestellten Größe (3) oder zu der in <BASEFONT> festgelegten Größe anzugeben (SIZE="+2" heißt also zwei Stufen größer als die Voreinstellung »5«. SIZE="-1" heißt eine Stufe kleiner als die Voreinstellung von »2«.) |
Verbreitete Schriftarten und deren Namen |
Arial |
Courier |
Courier New |
Comic Sans Ms |
Dingbats |
Expo |
Frankfurt Gothic |
Script |
Times New Roman |
Wingdings |
Beispiel
The following text is the largest size:<BR>
<FONT SIZE="7">The Largest Size</FONT><BR>
The following text is one size bigger that the current text<BR>
<FONT SIZE="+1">One Size Bigger</FONT><BR>
<FONT SIZE="2" COLOR="blue" FACE="Arial">
This text is one size larger than the normal text,
blue and is rendered in the Arial FONT </FONT>
Dieser Abschnitt beschäftigt sich mit Formularen und deren Implementierung. Formulare sind für Visual Basic Script ein wichtiges Werkzeug und sie helfen dabei, interaktivere Web-Seiten zu gestalten. Die in dem nächsten Abschnitt erklärte Syntax ist die allgemeine Syntax für Formulare und alle Formular-Controls oder -Elemente, die sich innerhalb des Formulars befinden.
Formular Syntax
Formular Attribute
Die folgenden Attribute werden von Formularen verwendet, um anzugeben, wie und wohin die Daten des Formulars verschickt werden sollen.
Attribute |
Zweck |
Gibt die URL an, an die die Daten gesendet werden sollen, wenn der Anwender das Formular abschickt. Die URL besteht meistens aus einem CGI-Programm (Common Gateway Interface), das die Daten verarbeitet. | |
Gibt an, wie die Daten verschickt werden sollen. Es gibt zwei zulässige Werte für METHOD: »get« und »post«. Die Methode »get« sollte verwendet werden, wenn die Daten, die der Anwender abschickt, nicht dauerhaft gespeichert werden sollen (wie z. B. bei einer Datenbankrecherche). Die Methode »post« wird verwendet, wenn die Daten, die der Anwender abschickt, abgespeichert werden sollen (wie z. B. bei einem Gästebuch). Wird die Methode »get« verwendet, so werden alle Daten des Formulars an die URL übergeben. Bei der Methode »post« werden alle Daten über einen Satz an Variablen und Feldern in Form einer HTTP-Post-Transaction übertragen. |
Formular-Controls
Es gibt zwei Befehle, um alle Formular-Controls anzugeben. Dies sind der <INPUT>-Befehl und der <SELECT>-Befehl. Mit dem <INPUT>-Befehl werden die meisten Formular-Controls angegeben, während der <SELECT>-Befehl für List-Boxen und Drop-Down-Lists verwendet wird.
Der <INPUT>-Befehl wird für die Angabe verschiedener Controls verwendet, darunter sind die Controls »button«, »text«, »radio« und »checkbox«. Die folgende Tabelle gibt alle Attribute für den <INPUT>-Befehl an, sowie die Controls, die man damit festlegen kann.
Syntax
Attribute
Attribute |
Erforderlich |
Zweck |
Gibt die Ausrichtung einer Grafik an (wird mit dem Image-Control verwendet). Zulässige Werte sind »middle«, »bottom« und »top«. | ||
Gibt an, ob ein Kontrollkästchen oder ein Optionskästchen ausgewählt oder angekreuzt wurde (wird mit Radio-Buttons und Checkboxes verwendet). Das Attribut CHECKED hat keine Werte. Ist es in einem <INPUT>-Befehl für Checkboxen oder Radio-Buttons präsent, dann ist dieser Button aktiviert. | ||
Gibt die Maximalzahl der Zeichen an, die in diesem Control eingegeben werden können. | ||
Identifiziert das Formular-Control. | ||
Gibt die Größe des Controls an (Textfeld oder Textbereich). Für ein Textfeld wird die Breite in Zeichen angegeben: SIZE="width". Bei einem Textbereich werden Breite und Höhe in Zeichen angegeben: SIZE="width,height". | ||
Wird bei einem Image-Control verwendet, um den Ort der Grafik anzugeben (entweder eine URL oder ein Dateiname). | ||
Gibt den Typ des Formular-Controls an. Vgl. die folgende Tabelle, die eine Auflistung der Typen enthält und erklärt, wie diese implementiert werden. | ||
Gibt einen voreingestellten Wert für das Formular-Control an. Bei Schaltflächen wird hier ein Name für die Schaltflächen festgelegt. |
TYP (Control) |
Wert |
Funktion |
"button" |
Erstellt ein anklickbares Button-Control, das keine besondere Funktion hat (vgl. die Werte "submit" und "reset"). | |
"checkbox" |
Erstellt eine quadratische Box, die markiert oder nicht markiert sein kann. Eine Gruppe von Optionskästchen mit aufeinander bezogenen Daten sollte denselben Namen haben. Der voreingestellte Wert ist, wenn nicht anders angegeben, markiert ("on"). Werte werden nur abgesendet, wenn die Kontrollkästchen markiert sind. | |
"hidden" |
Erstellt ein verstecktes Eingabe-Control (das Control kann von dem Anwender nicht gesehen werden und wird gewöhnlich für Werte verwendet, die der Anwender nicht zu sehen braucht). | |
"image" |
Erstellt eine anklickbare Grafik in dem Formular, die die Koordinaten des Anwender-Klicks in Form von image-name.x und image-name.y weitergibt. Image-name ist der Name der Grafik, der über das Attribut NAME festgelegt wurde. Die angehängten ".x" und "y"-Werte sind die Koordinaten, wobei der Nullpunkt in der linken, oberen Ecke der Grafik liegt. | |
"password" |
Erstellt ein Textfeld, in dem alle Eingaben von Sternen "*" unkenntlich gemacht werden. | |
"radio" |
Erstellt ein Optionskästchen, das aktiv bleibt, wenn es angeklickt wird. Wenn mehrere Optionskästchen denselben Namen haben, bleibt nur eines davon aktiv, wenn es angeklickt wird. | |
"reset" |
Erstellt eine Schaltfläche, die das ganze Formular zurücksetzt, wenn sie angeklickt wird. | |
"submit" |
Erstellt eine Schaltfläche, die die Inhalte des Formulars an eine URL abschickt, die in dem Attribut ACTION des <FORM>-Befehls angegeben wurde. | |
"text" |
Erstellt ein normales Textfeld, das Textzeichen und Zeichenketten akzeptiert. | |
"textarea" |
Ähnlich wie das Textfeld, nur daß hier mehrere Zeilen verwendet werden können. |
Der <SELECT>-Befehl wird für Drop-Down- oder Listbox-Controls verwendet. Der Befehl verwendet den <OPTION>-Befehl, um Elemente dieser Controls festzulegen.
Syntax
Attribute
Attribute |
Zweck |
Legt fest, daß mehrere Elemente aus der Drop-Down- oder Listbox ausgewählt werden können. | |
Gibt den Namen der Drop-Down- oder Listbox an. | |
Legt fest, wie viele Einträge des <SELECT>-Befehls angezeigt werden sollen. Generell gilt, daß das Attribut SIZE festlegt, ob der <SELECT>-Befehl eine Drop-Down- oder Listbox ist. Wenn SIZE="1" (das ist Voreinstellung), dann erstellt der <SELECT>-Befehl eine Drop-Down-Box. Wenn der Wert für SIZE irgendeine andere positive Zahl ist, dann erstellt der <SELECT>-Befehl eine Listbox, die vertikal die Elemente der Box darstellt. Wenn mehr Elemente in der Box sind, als dargestellt werden können, dann bekommt die Box auotmatisch einen Rollbalken. |
Mit dem <OPTION>-Befehl werden die Einträge oder List-Elemente des <SELECT>-Befehls festgelegt. Die allgemeine Syntax für diesen Befehl ist: <OPTION>. Alle auf den Befehl folgenden Worte werden als Text auf dem Bildschirm dargestellt. Die folgende Tabelle erklärt die Attribute für den <OPTION>-Befehl.
Beispiel Der Code in dem Listing B.1 findet sich auch auf der beiliegenden CD-ROM.
Listing B.1: FORMD1.HTM – Ein Beispiel für alle Formular-Controls
<HTML>
<HEAD>
<TITLE>Sample Form</TITLE>
</HEAD>
<BODY BGCOLOR="#44AC55">
<FORM NAME="formme">
<FONT COLOR="blue" SIZE="+2">Checkboxes</FONT><BR>
Small:<INPUT TYPE="checkbox" NAME="ch1"><BR>
Medium:<INPUT TYPE="checkbox" NAME="ch1"><BR>
Large:<INPUT TYPE="checkbox" NAME="ch1"><BR>
<FONT COLOR="navy" SIZE="+2">Buttons</FONT><BR>
<INPUT TYPE="button" NAME="b1" VALUE="click-me I">
<INPUT TYPE="button" NAME="b2" VALUE="click-me II">
<INPUT TYPE="button" NAME="b3" VALUE="click-me III"><BR>
<FONT COLOR="tan" SIZE="+2">Hidden Fields</FONT><BR>
<INPUT TYPE="hidden" VALUE="I am clickmeone" NAME="ha">
<INPUT TYPE="hidden" VALUE="I am clickmetoo" NAME="hb">
<INPUT TYPE="hidden" VALUE="I am clickmethree" NAME="hc">
<FONT COLOR="yellow" SIZE="+2">Image Controls</FONT><BR>
<INPUT TYPE="image" NAME="im1" SRC="natback.gif"><BR CLEAR="all">
<FONT COLOR="aqua" SIZE="+2">Password Box</FONT><BR>
<INPUT TYPE="password" NAME="p1" VALUE="fdgdgd"><BR>
<FONT COLOR="fuchsia" SIZE="+2">Radio Buttons</FONT><BR>
Yes <INPUT TYPE="radio" name="r1"> No <INPUT TYPE="radio" name="r1">
Maybe <INPUT TYPE="radio" name="r1"><BR>
<FONT COLOR="maroon" SIZE="+2">Submit and Reset</FONT><BR>
<INPUT TYPE="submit" NAME="haha" VALUE="submit me">
<INPUT TYPE="reset" NAME="boowho" VALUE="reset me">
<BR>
<FONT COLOR="teal" SIZE="+2">Text box</FONT><BR>
<INPUT TYPE="text" NAME="t1" VALUE="default value">
<BR></FORM></BODY></HTML>
Mit Frames kann man auf effiziente, angenehme und gut strukturierte Weise Informationen in HTML-Dokumenten darstellen. Es gibt zweierlei Frame-Systeme: Einerseits kann man mehrere Frames in einem Frameset unterbringen und damit normale HTML-Seiten ersetzen. Andererseits kann man Frames auch frei innerhalb normaler HTML-Dokumente einsetzen.
Framesets
Framesets werden verwendet, um normale HTML-Dokumente zu ersetzen. Mit einem Frameset werden mehrere Frames mit verschiedenen Dokumenten auf einem Browser dargestellt. Der <FRAMESET>-Befehl markiert Anfang und Ende der Frame-Sammlung. Die einzigen Befehle, die innerhalb des <FRAMESET>-Befehlspaares erlaubt sind, sind der <FRAME>-Befehl und weitere <FRAMESET>-Befehle. Der <FRAME>-Befehl gibt die Eigenschaften der einzelnen Frames an.
Frameset Syntax
<FRAMESET>
<FRAME>
...
</FRAMESET>
Attribute
für <FRAMESET>
Attribute |
Erforderlich |
Zweck |
Ja |
Gibt die Zahl der Spalten eines Framesets und deren Breite getrennt durch Kommata an. Die Breite einer Spalte kann in Pixel, einer relativen Größenangabe oder als Prozentsatz der Bildschirmbreite angegeben werden. So legt zum Beispiel COLS="200,20%,*" drei Spalten fest. Die erste Spalte ist 200 Pixel breit. Die zweite füllt 20% der verbleibenden Bildschirmbreite aus, während die dritte Spalte den Rest übernimmt. | |
Legt fest, ob die Frames mit einem Rahmen versehen werden sollen. Zulässige Werte sind "yes" (ein Rahmen wird angezeigt) und "no" (kein Rahmen). Der voreingestellte Wert ist "yes". | ||
Gibt den Abstand zwischen den Frames an. Diese Länge legt auch die Breite des Rahmens fest (wenn einer angezeigt wird). | ||
Ja |
Gibt die Anzahl der Zeilen in einem Frameset und deren Höhe getrennt durch Kommata an. Die Höhe einer Zeile kann auf dieselbe Weise festgelegt werden, wie die Breite einer Spalte (in Pixel, Prozenten oder relativer Größe). So werden mit ROWS="*,2*" zwei Zeilen festgelegt. Die erste Zeile ist halb so hoch wie die zweite Zeile. Anders ausgedrückt: die erste Zeile erhält 1/3 des verfügbaren Platzes, die zweite 2/3. |
Attribute für <FRAME>
Attribute |
Erforderlich |
Zweck |
Gibt an, ob für ein Frame ein Rahmen existiert. Dieses Attribut entspricht dem Attribut in der Tabelle für die <FRAMESET>-Attribute. | ||
Gibt die Höhe des Rahmens in Pixeln an. | ||
Gibt die Breite des Rahmens in Pixeln an. | ||
Identifiziert den Frame, damit er von anderen HTML-Elementen angesprochen werden kann. | ||
Ein Attribut ohne Wert, das angibt, das der Frame von dem Anwender nicht in der Größe verändert werden kann. | ||
Gibt an, ob die Frames rollbar sein sollen (auf den rechten und unteren Seiten werden Rollbalken angebracht, wenn das Element rollbar sein soll). | ||
SRC |
Ja |
Gibt die URL an, die der Frame laden und anzeigen soll. |
Das Attribut TARGET wird von anderen HTML-Elementen verwendet, um ihren Inhalt (oder die Hyper-Referenzen) in verschiedenen Frames der Seite anzuzeigen. Wenn ein Frame den Namen »frame1« hat, greift das Attribut TARGET mit TARGET="frame1" auf dieses Frame zu. Das Attribut TARGET funktioniert mit den in der folgenden Tabelle angegebenen Befehlen.
Befehl |
Die Funktion von TARGET |
<A> |
Wenn das Attribut TARGET in einem <A>-Befehl angegeben wird, wird der in dem <A>-Befehl angegebene Link in dem festgelegten Fenster angezeigt. Wenn sich der <A>-Befehl in einem Frame befindet und kein Attribut TARGET festgelegt wurde, wird die Seite in den Frame geladen, in dem sich der Link befindet. |
<AREA> |
Wenn der Bereich einer Grafik angeklickt wird, die in dem <AREA>-Befehl angegeben wurde, dann wird die URL in das festgelegte Fenster geladen. Wenn kein Fenster festgelegt wurde, wird die URL in den Frame geladen, der das Image-Map enthält, das die URL angefordert hat. |
<BASE> |
Wenn das Attribut TARGET mit dem <BASE>-Befehl angegeben wird, werden alle Links einer Seite auf den Frame gelegt, der von dem Attribut TARGET angegeben wird. Auf diese Weise kann man schnell und ohne Umstände alle Links einer Seite auf einen festgelegten Frame legen, ohne das Attribut TARGET zu jedem einzelnen Link hinzufügen zu müssen. Wenn ein <A>-Befehl allerdings ein abweichendes TARGET-Attribut enthält, werden die Daten auf den Frame gelegt, der in diesem TARGET-Attribut festgelegt ist. |
<FORM> |
Wenn ein <FORM>-Befehl ein TARGET-Attribut enthält, werden die Resultate, die von dem Absenden des Formulars erstellt werden, zu einem Frame geschickt, der in dem Attribut TARGET festgelegt wurde. |
Es gibt auch spezielle, reservierte Namen, die für das TARGET-Attribut verwendet werden können, um verschiedene Frames auf dem Bildschirm anzusprechen. Die folgende Tabelle listet diese reservierten Namen auf.
TARGET Spezial | |
Wert |
Funktion |
"blank" |
Dieser Wert für das TARGET-Attribut legt fest, das der Inhalt, der von dem jeweiligen Befehl angefordert wurde, der das TARGET-Attribut enthält, in einem neuen Fenster angezeigt wird (d. h. ein weiterer Browser wird aufgerufen). |
"parent" |
Mit diesem Wert wird der Inhalt, der von dem Element aufgerufen wurde, das das TARGET-Attribut enthält, in dem Parent-Fenster des Frames angezeigt. |
"self" |
Dieser Wert führt dazu, daß der Inhalt im gleichen Fenster aufgerufen wird. |
"top" |
Mit diesem Wert wird der Inhalt in den obersten Frame geladen. In der Beta- 1-Version des Internet Explorer 3.0 funktioniert der Wert »top« nicht korrekt. |
Beispiele
Die Beispiele in den Listings B.2 bis B.6 zeigen, wie Frames verwendet werden. Diese Dateien finden Sie auch auf der beiliegenden CD-ROM. Alle diese Dateien sollten im gleichen Verzeichnis untergebracht werden, um korrekt zu funktionieren.
Listing B.2: QAB.HTM – Die Seite mit dem Hauptframe
<HTML>
<HEAD>
<TITLE>Demonstrations of Frames</TITLE>
</HEAD>
<BODY BGCOLOR="cornsilk">
<FRAMESET COLS="*,350" FRAMESPACING="5">
<FRAME SRC="default1.htm" SCROLLING="no" NAME="left1">
<FRAMESET ROWS="*,100">
<FRAME SRC="default2.htm" SCROLLING="no" NAME="right1">
<FRAME SRC="menu.htm" SCROLLING="no" NAME="right2">
</FRAMESET>
</FRAMESET>
</BODY></HTML>
Listing B.3: MENU.HTM – Die Navigationsleiste mit dem Hauptmenü
<BODY BGCOLOR="slateblue" TOPMARGIN="0" LEFTMARGIN="0">
<IMG SRC="map.jpg" HEIGHT="100" WIDTH="350" USEMAP="#mapone">
<MAP NAME="mapone">
<AREA SHAPE="poly" COORDS="0,0,0,99,128,99,66,0" HREF="default1.htm"
target="right1">
<AREA SHAPE="poly" COORDS="70,0,185,0,258,99,132,99" HREF="default2.htm"
TARGET="left1">
<AREA SHAPE="circ" COORDS="302,53,33" HREF="default3.htm"
TARGET="left1">
</MAP>
</BODY>
Listing B.4: DEFAULT1.HTM – Der voreingestellte Bildschirm mit dem »left1«-Frame
<BODY BGCOLOR="gold" TEXT="chocolate">
<FONT SIZE="+3" COLOR="violet">This is the default page for the first
frame. Note the diversity of color names</FONT> in the source.</BODY>
Listing B.5: DEFAULT2.HTM – Voreinstellung für den »right1«-Frame
<BODY BGCOLOR="seagreen" TEXT="moccasin">
This is another frame.
<A HREF="blank.htm" TARGET="right2">This link clears the menu</A><BR>
<A HREF="menu.htm" TARGET="right2">This brings it back</A>
<HR>
</BODY>
Listing B.6: DEFAULT3.HTM – Der voreingestellte Bildschirm 3, wenn der Anwender auf das Element 3 in der Navigationsleiste klickt
<BODY BGCOLOR="midnightblue" TEXT="mistyrose">
<H1>
This is another test frames. How does it look??
</H1>
</BODY>
Zweck
Die <Hn>-Befehle geben Überschriften für eine HTML-Seite an. »n« ist dabei eine Zahl zwischen 1 und 7 (7 ist die kleinste Formatierung).
Syntax
<H1>...</H1>
<H2>...</H2>
<H3>...</H3>
<H4>...</H4>
<H5>...</H5>
<H6>...</H6>
<H7>...</H7>
Attribute
Attribute |
Erforderlich |
Zweck |
ALIGN |
Gibt die Ausrichtung der Überschrift an. Zulässige Werte für ALIGN sind »left«, »right« und »center«. |
Beispiel
<H1 ALIGN="center">Outline</H1>
<H2>Introduction</H2>
<H3>Zweck</H3>
<H3>Doscussion</H3>
<H2>Methods</H2>
<H3>Resourse</H3>
<H3>Procedure</H3>
<H2>Results</H2>
<H2>Conclusions</H2>
Zweck
Der <HR>-Befehl wird verwendet, um eine horizontale Linie oder eine Art Unterteilung in der Seite anzuzeigen.
Syntax
Attribute
Attribute |
Erforderlich |
Zweck |
Gibt die Ausrichtung der horizontalen Linie an. Zulässige Werte für ALIGN sind »left«, »right« und »center«. Voreinstellung ist die zentrierte Darstellung. | ||
Gibt die Farbe der horizontalen Linie an. Die Farbe kann über die unterstützten Farbennamen oder als Hexadezimalwert angegeben werden. In dem Abschnitt <BODY> in diesem Abschnitt erhalten Sie mehr Informationen über Farben und Farbennamen. | ||
Legt fest, daß die Linie keinen Schatten hat (oder 3-D-Look). Dieses Attribut verfügt über keinen Wert. | ||
Gibt die Höhe der horizontalen Linie an. Der Wert wird in Pixeln angegeben. | ||
Gibt die Länge der horizontalen Zeile an. Der Wert für WIDTH kann in Pixeln oder einer Prozentangabe der Bildschirmbreite angegeben werden (SIZE="50%" würde zu einer Linie von der Hälfte der Bildschirmbreite führen). |
Beispiel
<HR WIDTH="20%" COLOR="red" NOSHADE>
<HR>
<HR SIZE="25" COLOR="LIME">
Zweck
Mit dem <I>-Befehl wird der Text kursiv dargestellt. Entspricht in der Wirkung den <DFN>-, <EM>- und anderen Befehlen.
Syntax
Attribute
Beispiel
<I>This text is in Italics</I><BR>
<EM>So is this.</EM>
Zweck
Mit dem <IMG>-Befehl können Grafiken, Animationen und animierte GIF-Bilder eingefügt werden.
Syntax
Attribute
Attribute |
Erforderlich |
Zweck |
Gibt die Ausrichtung des Textes relativ zu der Grafik an oder umgekehrt, abhängig von dem Wert. Die Werte »bottom«, »middle« und »top« legen die Ausrichtung des Textes entsprechend dem Namen des Wertes fest. Die Werte »right« und »left« legen die Ausrichtung der Grafik auf der Seite fest. Die letzteren beiden Werte ermöglichen auch den Textfluß um die Grafik herum. | ||
Legt einen alternativen Text fest, der angezeigt wird, wenn der Anwender sich entscheidet, keine Grafiken anzeigen zu lassen. Die Zeichenfolge, die als Wert dem Attribut ALT zugewiesen wird, wird auch angezeigt, wenn der Anwender den Mauszeiger über die entsprechende Grafik bewegt. | ||
Zeichnet einen einheitlichen Rahmen um die Grafik. Die Werte für BORDER werden in Pixeln angegeben. | ||
Dieses Attribut verfügt über keinen Wert. Das Attribut kann eingesetzt werden, wenn eine Animationsdatei (.AVI) angezeigt wird. Wenn das Attribut CONTROLS verwendet wird, werden Video-Controls unterhalb der Animation angezeigt. | ||
Ja |
Wird eingesetzt, um eine Animation auf dem Bildschirm anzuzeigen, die üblicherweise die Endung .AVI enthält. Der Wert für dieses Attribut kann aus einem Dateinamen oder einer URL einer Datei bestehen. | |
Gibt die Höhe der Grafik in Pixeln an. Wenn die angegebene Höhe nicht der Originalhöhe der Grafik entspricht, skaliert der Internet Explorer die Grafik auf die angegebene Höhe. | ||
Gibt das horizontale Spacing an, also die Entfernung links und rechts von der Grafik. | ||
Legt fest, daß die Grafik ein anklickbares Imagemap ist. Die Koordinaten werden an den Server gesendet, wenn der Anwender darauf klickt. Ein Programm muß dort dann die Koordinaten weiterverarbeiten. | ||
Gibt an, wie oft die Animation sich wiederholen soll. Der Wert für dieses Attribut kann eine Zahl sein oder »infinite« für eine endlose Wiederholung. | ||
Ja |
Gibt den Namen der Grafik an, die angezeigt werden soll. Von dem Internet Explorer werden mehrere Formate unterstützt. Dazu gehören .BMP, .GIF, .JPG und auch das geplante .PNG-Format. Der angegebene Ort kann entweder ein Dateiname sein oder eine URL, die auf eine Datei verweist. | |
Gibt an, ob die Animation starten soll, nachdem die Grafik geladen wurde. Zulässige Werte sind »fileopen« und »mouseover«. »fileopen« bedeutet, daß die Animation gestartet wird, wenn sie fertig geladen ist. »mouseover« bedeutet, daß die Animation gestartet wird, wenn der Anwender den Mauszeiger über die Animation bewegt. Beide Attribute können zusammen verwendet werden. | ||
Gibt den Ort (name) einer client-gesteuerten Image-Map an, das mit der Grafik verwendet werden soll. Die Image-Map ist gewöhnlich im selben Dokument und wird durch den Wert »#name« aufgerufen, wobei »name« der Name des Imagemaps ist (vgl. den Abschnitt über client-gesteuerte Image-Maps, um mehr Informationen zu erhalten). | ||
Gibt in Pixeln die Abstände ober- und unterhalb der Grafik an. Dies entspricht dem Attribut HSPACE mit dem Unterschied, daß es dort um den Abstand links und rechts von der Grafik geht. | ||
Gibt in Pixeln die Breite der Grafik an. Wenn die angegebene Breite nicht der Originalbreite entspricht, wird die Grafik entsprechend skaliert. |
Beispiel
<P>The following displays a normal image:</P><BR>
<IMG SRC="test.gif" SIZE="100" HEIGHT="100"><BR>
<P>The following image is the same image but half the size:</P>
<IMG SRC="test.gif" SIZE="50" HEIGHT="50"><BR>
<P>Text is flowed around <IMG SRC="hi.gif" ALIGN="left">
this image if you get what I am saying</P>
<BR><P>This is an animation with controls that will
start when it is finished downloading and will start
afterwards when you move the mouse over it:</P><BR>
<IMG DYNSRC="ball.avi" START="fileopen,mouseover">
Zweck
Der <ISINDEX>-Befehl wird verwendet, um ein einfaches Eingabefeld zu erstellen. Darauf kann dann von einer Suchmaschine mit einem entsprechenden Programm zugegriffen werden.
Syntax
Attribute
Attribute |
Erforderlich |
Zweck |
Gibt den Ort des Programms an, das die Information aus dem ISINDEX-Eingabefeld weiterverarbeitet. | ||
Gibt an, was als Eingabeaufforderung in dem <ISINDEX>-Feld angezeigt werden soll. Wenn kein Name angegeben wird, lautet der voreingestellte Text: »You can search this index. Type the keyword(s) you want to search for:«. |
Beispiel
<ISINDEX ACTION=" http://www.place.com/cgi-bin/myengine.cgi "
PROMPT="Enter Words to search for:">
Zweck
Der <KBD>-Befehl ist ein logischer Befehl für eine Formatierung, die einem klassischen Schreibmaschinen-Schriftbild entspricht (entsprechend dem englischen Wort »keyboard«). Die Formatierung ist nicht-proportional und fett.
Syntax
Attribute
Beispiel
You type the words: <KBD>cd ..</KBD> then enter.
Zweck
Mit dem <LISTING>-Befehl wird der Text in einer kleinen, nicht-proportionalen Schriftart angezeigt, wie es einem Programmlisting entspricht. Innerhalb des <LISTING>-Befehlspaares werden keine HTML-Befehle erkannt und Zeilenumbrüche werden direkt angezeigt (hier braucht man also keine speziellen HTML-Befehle für Zeilenumbrüche).
Syntax
Attribute
Beispiel
An example FORTRAN 77 program:
<LISTING>
program test
print*,’This is a test’
end
</LISTING>
Definitionslisten werden verwendet, um eine Liste von Begriffen zu definieren. Eine Definitionsliste besteht aus drei Teilen. Diese werden in der folgenden Syntax gezeigt. Mit dem <DT>-Befehl wird der zu definierende Begriff angezeigt. Der <DD>-Befehl umfaßt die Definition oder die definierenden Daten. Die zu definierenden Begriffe werden auf einer Zeile angezeigt, während die Definition in einer neuen Zeile mit einer kleinen Einrückung angezeigt werden.
Syntax
<DL>
<DT>...</DT><DD>...</DD>
...
</DL>
Attribute
Keine.
Obwohl die Befehle </DT> und </DD> nicht erforderlich sind, ist es eine gute Idee, sie einzusetzen, um maximale Klarheit zu erreichen.
Der <DIR>-Befehl zeigt ein Verzeichnis von Elementen an. Jedes Element wird in einer Spalte angezeigt. Der <LI>-Befehl wird verwendet, um die Einträge der Verzeichnisliste anzugeben.
Syntax
Attribute
Keine.
Die <MENU>-Listen erstellen ähnlich wie der <DIR>-Befehl Listen, nur daß es hier keine Begrenzung der Zeichenanzahl gibt. Der <LI>-Befehl markiert die einzelnen Einträge innerhalb des <MENU>-Befehls. Technisch gibt es keinen Unterschied zwischen <MENU>- und <DIR>-Listen.
Syntax
<MENU>
<LI>...</LI>
...
</MENU>
Attribute
Keine.
Numerierte Listen sind Listen, deren Einträge numeriert werden. Manchmal werden statt dessen auch Buchstaben in der Anzeige verwendet. Für jeden Eintrag wird eine höhere Zahl angezeigt. Mit dem <LI>-Befehl werden die einzelnen Einträge der numerierten Liste markiert.
Syntax
Attribute
Attribute |
Erforderlich |
Zweck |
Gibt die Zahl an, mit der die Numerierung beginnen soll. Wenn die Liste nicht mit arabischen Zahlen numeriert wird, beginnt die Liste mit dem n-ten Element (wobei »n« der angegebene Anfangswert ist). Wenn zum Beispiel der Nummerntyp römisch wäre, dann würde mit dem Wert START="3" die angezeigte Numerierung für das erste Element »III« sein. | ||
Gibt an, welches Numerierungssystem verwendet werden soll. Die folgende Tabelle listet die zur Verfügung stehenden Typen auf. |
TYPE Wert |
Anzeigeform |
"1" |
Anzeige in arabischen Ziffern (1,2,3, usw.). |
"A" |
Anzeige der Listeneinträge in Großbuchstaben (wenn es mehr als 26 Einträge gibt, wird mit AA, AB, usw. weitergezählt. Liegt der Wert für START über 702, wird das Element doch wieder in Ziffern angezeigt.) |
"a" |
Anzeige in Kleinbuchstaben. Die Limitierungen entsprechen denen für Großbuchstaben. |
"I" |
Anzeige mit großen, römischen Ziffern. Wenn der Wert 3999 (MMMCXCIX) überschreitet, wird wieder in arabischen Ziffern angezeigt. |
"i" |
Anzeige in kleinen, römischen Ziffern. Die Limitierungen entsprechen denen für große, römische Ziffern. |
Attribute für <LI>
Attribute |
Erforderlich |
Zweck |
TYPE |
Gibt an, welcher Typ der Listennumerierung verwendet werden soll (die zulässigen Werte sind in der vorangegangenen Tabelle aufgelistet). | |
VALUE |
Gibt den Startwert für das Listenelement an. Der Wert, der ursprünglich in der Liste angegeben wird und der Wert, der für den <LI>-Befehl gesetzt wird, sind voneinander unabhängig. Der Wert für den <LI>-Befehl hat gegenüber dem START-Wert des <OL>-Befehls Priorität. Die Liste schreitet von dem für den <LI>-Befehl angegebenen Wert fort. |
Unordered Lists
Ungeordnete Listen sind Listen, die nur durch vorangestellte Punkte gekennzeichnet werden. Sie werden eingesetzt, wenn die Reihenfolge der Elemente unwichtig ist. In der <UL>-Liste werden die <LI>-Befehle verwendet, um die unterschiedlichen Einträge zu markieren.
Syntax
Attribute
Beispiel
<HTML>
<HEAD>
<TITLE>Demo 2 of Body demonstration</TITLE>
</HEAD>
<BODY BACKGROUND="natback.gif" TEXT="#0000FF" >
<H1 ALIGN="CENTER">Demo of ordered lists</H1>
<H3>This is a definition list</H3>
<DL>
<DT>Hydrogen</DT><DD>Earth's lightest gas. A proton in ionized form</DD>
<DT>Helium</DT><DD>A noble gas, second lightest</DD>
<DT>Clorine</DT><DD>A Halide. Very reactive with alkaline metals</DD>
<DT>Carbon</DT><DD>A non-metal whose presence indicates an organic material.
</DD>
</DL>
<H3>This is a directory list</H3>
<DIR>
<LI>Sam Smith</LI><LI>Joe Jones</LI>
<LI>Al Able</LI>
<LI>Billy Bob</LI>
<LI>dsdsdsdsdsdsdsdsdsdsdsdsds this has more than 20 chars.</LI>
</DIR>
<H3>This is a menu list</H3>
<MENU>
<LI>Soup</LI>
<LI>Beef</LI>
<LI>Veggies</LI>
<LI>Milk</LI>
</MENU>
<H3>This is an ordered list with Uppercase letters</H3>
<OL TYPE="A" START="698">
<LI>This the first entry starting at 698</LI>
<LI>Second (699)</LI>
<LI>Third (700)</LI>
<LI>Fourth (701)</LI>
<LI>Fifth (702)</LI>
<LI>What did I tell you?</LI>
</OL>
<H3>This is an unordered list</H3>
<UL>
<LI>Strawberries</LI>
<LI>Tires</LI>
<LI>Baseball gloves</LI>
<LI>Scissors</LI>
<LI>Pillows</LI>
</UL>
</BODY></HTML>
Zweck
Der <MARQUEE>-Befehl erlaubt es dem Programmierer, einen Text über den Bildschirm laufen zu lassen. Dies ist einer der »eleganten« Befehle aus der spezifischen Sammlung des Internet Explorer 3.0.
Syntax
<MARQUEE>...</MARQUEE>
Attribute
Attribute |
Erforderlich |
Zweck |
Gibt die Ausrichtung des Textes in dem Marquee an. Der Wert »top« richtet den Text des Marquees an dem oberen Rand des Marquee-Containers aus. Der Wert »bottom« richtet den Text entsprechend am unteren Rand des Containers und der Wert »middle« in der Mitte aus. Voreinstellung ist »middle«. | ||
Gibt an, wie sich der Text des Marquee verhalten soll. Der Wert »scroll« (ist Voreinstellung) sorgt dafür, daß der Text immer wieder über den Bildschirm läuft. Der Wert »slide« läßt den Text von einer Seite hineinlaufen und dann am Rand stehenbleiben. Der Wert »alternate« sorgt dafür, daß der Text von der einen Seite des Marquees zur anderen hin und her läuft. | ||
Gibt die Hintergrundfarbe des Marquees an. Der Wert für BGCOLOR wird in derselben Weise angegeben, wie für das BGCOLOR-Attribut des <BODY>-Befehls (vgl. den Eintrag für den <BODY>-Befehl). | ||
Gibt die Richtung an, in die das Marquee läuft. Zulässige Werte sind »right« und »left«. Voreinstellung ist »left« (von links nach rechts). | ||
Gibt die Höhe des Marquee-Bereichs in Pixeln oder in Prozent des Bildschirms an (HEIGHT="500" entspricht einer Höhe von 500 Pixeln, HEIGHT="20%" einem Fünftel der Bildschirmhöhe). | ||
Gibt den linken und rechten Abstand des Marquees an. | ||
Gibt an, wie oft das Marquee die in BEHAVIOR festgelegte Aktion durchführen soll. Zulässige Werte sind Zahlen oder »infinite« wodurch eine endlose Wiederholung festgelegt wird. | ||
Gibt an, wie viele Pixel zwischen jeder Wiederholung des Marquee-Textes liegen sollen. Werte müssen in Pixeln angegeben werden. | ||
Gibt die Verzögerung jeder neuen Textdarstellung des Marquees in Milisekunden an. | ||
Gibt den oberen und unteren Abstand des Marquee-Bereichs an. Werte müssen in Pixeln angegeben werden. | ||
Gibt die Breite des Marquee-Bereichs in Pixeln oder in Prozent des Bildschirms an (entspricht HEIGHT). |
Beispiel
<MARQUEE DIRECTION="right" BEHAVIOR="slide" SCROLLAMOUNT="45"
SCROLLDELAY="4" BGCOLOR="blue"><FONT COLOR="white">This text
scrolls fast.</MARQUEE>
Zweck
Der <NOBR>-Befehl sorgt dafür, daß eine Zeile durchgängig ohne Umbruch angezeigt wird (wo normalerweise ein Umbruch vorgenommen würde).
Syntax
Attribute
Beispiel
<NOBR> All of this text will remain on one line, regardless of the
size of the browser.</NOBR>
Eine detaillierte Beschreibung des Microsoft Internet Explorer Objektmodells finden Sie in Kapitel 11.
Zweck
Der <P>-Befehl wird zur Trennung des Textes in Absätze verwendet. Mit dem <P>-Befehl wird auch ein Zeilenumbruch ausgelöst.
Syntax
<P>...</P>
oder einfach nur
Attribute
Attribute |
Erforderlich |
Zweck |
ALIGN |
Gibt die Ausrichtung des Absatzes an. Zulässige Werte sind »right« und »left«. |
Beispiel
<P ALIGN="left"> This text is left aligned</P>
<P ALIGN="right"> This test is right aligned </P>
Zweck
Der <PLAINTEXT>-Befehl hat eine ähnliche Formatierungswirkung wie die <LISTING>- und <XMP>-Befehle. Der von dem <PLAINTEXT>-Befehlspaar umschlossene Text wird in einer nicht-proportionalen Schriftart dargestellt. Innerhalb des Befehlspaars werden keine HTML-Befehle erkannt.
Syntax
Attribute
Beispiel
<PLAINTEXT> This is plain text</PLAINTEXT>
Zweck
Mit dem <PRE>-Befehl wird der eingeschlossene Text in nicht-proportionaler Schrift dargestellt. Natürliche Zeilenumbrüche sind zugelassen und einige Befehle (wie z. B. der <A>-Befehl) können innerhalb des <PRE>-Befehlspaares verwendet werden.
Syntax
Attribute
Beispiel
<PRE>
This is line one
.
.
.
This is line #x
This is line #<A HREF="three.html">x + 1</A>
</PRE>
Zweck
Mit dem <S>-Befehl wird der davon eingeschlossene Text durchgestrichen dargestellt.
Syntax
Attribute
Beispiel
Zweck
Der <SAMP>-Befehl wird eingesetzt, um den eingeschlossenen Text wie ein Programmlisting darzustellen.
Syntax
Attribute
Beispiel
<SAMP>print "A test"</SAMP>
Der <SCRIPT>-Befehl wird in den Kapiteln 2 und 11 ausführlich behandelt.
Zweck
Mit dem <SMALL>-Befehl wird der eingeschlossene Text eine Größe kleiner als der Normaltext dargestellt.
Syntax
Attribute
Beispiel
<SMALL>This is the fine print.</SMALL>
Zweck
Mit dem <STRIKE>-Befehl wird dasselbe erreicht, wie mit dem <S>-Befehl. Siehe dort.
Beispiel
<STRIKE>this works the same as the <S>-Befehl. </STRIKE>
Zweck
Der <STRONG>-Befehl ist ein weiterer Befehl für die Darstellung von Text als fett. Dies ist ein logisch orientierter Befehl zum Zweck der Hervorhebung von Text.
Syntax
Attribute
Beispiel
The victim is <STRONG>her</STRONG>.
Zweck
Mit dem <SUB>-Befehl wird der eingeschlossene Text tiefgestellt dargestellt.
Syntax
Attribute
Beispiel
The chemical formula for the combustion of octane is:
C<SUB>3</SUB>H<SUB>8</SUB> + 5O<SUB>2</SUB> = 4H<SUB>2</SUB>O
+ 3CO<SUB>2</SUB>
Zweck
Mit dem <SUP>-Befehl wird der eingeschlossene Text hochgestellt dargestellt.
Syntax
Attribute
Beispiel
x<SUP>y</SUP> = y<SUP>x</SUP><BR>
for how many values of x and y?
Tabellen gehören zu den ältesten HTML-Erweiterungen. Obwohl Tabellen immer noch nicht zum Standard gehören, ist es bis dahin wohl nicht mehr weit und sie werden sie sich hinsichtlich ihrer Syntax kaum noch ändern. Tabellen wurden zuerst von dem Netscape Navigator eingeführt und wurden seither von dem Internet Explorer erweitert (Unterstützung von Hintergrund- und Frame-Farben und eine exaktere Unterstützung des HTML-3.0 Tabellenmodells). Es gibt zwei unterschiedliche Methoden zur Erstellung einer Tabelle. Die erste Methode bedient sich der einfachen Befehle für die Definition von Zeilen und Spalten. Die zweite Methode verwendet auch Zeilen und Spalten, sieht jedoch drei Elemente in einer Tabelle: den Kopf, den Rumpf und den Fuß.
Dieser Abschnitt gibt einen Überblick der grundlegenden Befehle und Attribute für Tabellen. Ausgeklammert werden dabei die zusätzlichen Attribute des neuen HTML 3 Tabellenmodells. Diese Tabellenerweiterungen und zusätzlichen Befehle und Attribute werden in dem nachfolgenden Abschnitt behandelt. Die einfache Tabelle besteht aus einer Gruppe von Zeilen, die mehrere Zellen enthalten können. Der Inhalt der Tabelle wird über die Zeilen und dann die Zellen innerhalb dieser Zeilen bestimmt.
Syntax
<TABLE>
<CAPTION>...</CAPTION>
<TR><TH>...</TH><TD>...</TD>...</TR>
...
</TABLE>
Der <TABLE>-Befehl markiert Anfang und Ende der Tabelle. Alle Informationen über Zeilen, Spalten und Ähnliches müssen innerhalb dieses Befehls untergebracht werden. In der folgenden Tabelle haben wir die Attribute für den <TABLE>-Befehl aufgelistet. Diese Attribute können (mit Ausnahme des Attributs BORDER) auch für die Befehle <TD>, <TH> und <TR> verwendet werden. Die Attribute sind vererbbar, d. h. wenn ein Attribut in dem <TABLE>-Befehl angegeben ist, dann wird es auch von den Befehlen <TD>, <TH> und <TR> verwendet, es sei denn, diese Befehle verfügen über eigene Werte für das Attribut. Wenn die Befehle <TD>, <TH> und <TR> Attribute haben, die andere Werte enthalten, als die ihrer (höheren) Parent-Befehle, dann werden diese Werte verwendet.
Attribute |
Erforderlich |
Zweck |
ALIGN |
Gibt die Ausrichtung des Textes innerhalb der Zellen an. Zulässige Werte sind »left«, »right« und »center«. Die Voreinstellung der Befehle <TABLE>, <ID> und <TR> sind »left« und für den <TH>-Befehl »center«. | |
BACKGROUND |
Gibt das Hintergrundbild für die Tabellenzellen an. Zulässige Werte sind Dateinamen oder URLs, die auf anzeigbare Grafiken verweisen. | |
BGCOLOR |
Gibt eine Hintergrundfarbe für die Zellen an. Zulässige Werte sind Farbennamen oder Hexadezimalwerte für Farben (vgl. den <BODY>-Befehl für genauere Informationen). | |
BORDERCOLOR |
Gibt die Farbe für den Rahmen an. Wenn dieses Attribut verwendet wird, nehmen der Rahmen der Tabelle und die Rahmen zwischen den Zellen alle diese Farbe an und verlieren etwaige 3-D-Effekte. Zulässige Werte sind Farbennamen oder Hexadezimalwerte für Farben im Format #RRGGBB (vgl. den <BODY>-Befehl für genauere Informationen). | |
BORDERCOLORDARK |
Legt die Farbe für den rechten, oberen Rahmen fest. Die Farben werden angegeben wie bei BORDERCOLOR. | |
BORDERCOLORLIGHT |
Legt die Farbe für den linken, unteren Rahmen fest. Die Farben werden angegeben wie bei BORDERCOLOR. | |
VALIGN |
Gibt die vertikale Ausrichtung einer Tabelle/Zelle/Zellgruppe an. Zulässige Werte sind »top« und »bottom«. »top« richtet den Zellentext am oberen Zellenrand aus, »bottom« am unteren. |
Die folgende Tabelle listet die Attribute für den <TABLE>-Befehl auf:
Attribute |
Erforderlich |
Zweck |
Gibt die generelle Breite des Außenrandes einer Tabelle in
| ||
Gibt den allgemeinen Abstand in Pixeln an (der Platz, der den Zellentext von seinem Rand entfernt). | ||
Gibt das allgemeine Spacing der einzelnen Zellen in Pixeln an. Wenn ein Rand existiert, dann bezieht sich der Wert für dieses Attribut auf den allgemeinen Rand zwischen Zellen und zwischen den Zellen und dem Rand. | ||
Gibt die Gesamthöhe der Tabelle an. Dieser Wert kann in
| ||
Gibt die Gesamtbreite der Tabelle an. Dieser Wert kann in
|
Der <CAPTION>-Befehl wird verwendet, um einen Titel für die Tabelle festzulegen. Der <CAPTION>-Befehl hat nur ein Attribut, ALIGN, mit dem die Ausrichtung des Titels festgelegt wird. Zulässige Werte sind »top«, »bottom«, »left« und »right«. Jeder Wert zeigt die entsprechende Ausrichtung innerhalb der Tabelle an.
Der <TR>-Befehl legt eine Zeilengruppe fest. Alle Zellen in dieser Zeilengruppe sind horizontal (Seite an Seite) auf dem Bildschirm angeordnet. Die Zellendaten des Befehls und die Zellenbefehle (<TD> und <TH>) werden von dem <TR>-Befehlspaar eingeschlossen.
Die <TD>- und <TH>-Befehle werden verwendet, um die Zellen einer Tabelle und deren Inhalte festzulegen. Sie sind in das Befehlspaar <TR>...</TR> eingeschlossen. Der Befehl <TD> bezeichnet eine normale Datenzelle und wird als Voreinstellung in normaler Textformatierung dargestellt. Der Befehl <TH> bezeichnet eine Kopfzelle und wird voreingestellt zentriert und fett dargestellt. Es gibt für die Befehle <TD> und <TH> mehrere Attribute, die wir in der folgenden Tabelle aufgelistet haben.
Attribute |
Erforderlich |
Zweck |
ALIGN |
Legt die Ausrichtung des Textes in der Zelle fest. Zulässige Werte sind »right«, »left« und »center«. | |
COLSPAN |
Legt die Anzahl der Spalten fest, die eine Zelle umfassen sollte (COLSPAN="2" würde die Zelle über zwei Spalten erstrecken). | |
HEIGHT |
Legt die Höhe einer Zelle in Pixeln fest. Alle Zellen derselben Zeile werden auf die angegebene Höhe festgelegt (wenn es mehr als ein Attribut HEIGHT gibt, wird der höchste Wert für alle Zellen der Zeile verwendet). | |
NOWRAP |
Legt fest, daß der Text einer Zelle nicht umgebrochen werden soll. D. h., der Text wird immer in einer Zeile dargestellt (dieses Attribut erfordert keinen Wert). | |
ROWSPAN |
Legt die Anzahl von Zeilen fest, die eine Zelle umfassen sollte (ROWSPAN="3" würde die Zelle über drei Reihen erstrecken). | |
VALIGN |
Legt die vertikale Ausrichtung des Textes in bezug auf die Zelle fest. Zulässige Werte sind »top« (Text wird am oberen Rand der Zelle ausgerichtet), »bottom« (Ausrichtung am unteren Rand der Zelle), »middle« (Ausrichtung in der Mitte) und »baseline« (Text wird an der Grundlinie der Zelle ausgerichtet und der ganze Text in den Zellen einer Zeile ist auf derselben Grundlinie ausgerichtet). | |
WIDTH |
Legt die Breite einer Zelle fest und damit auch die Breite der gesamten Spalte (bei mehreren Angaben wird der höchste Wert verwendet). |
In diesem Abschnitt werden die komplexeren Befehle des HTML 3.0 Tabellenmodells behandelt, die von dem Internet Explorer 3.0 unterstützt werden. Zu diesen Elementen gehören Tabellenkopf, -rumpf und -fuß, sowie Attribute für Frames und Rahmenlayout und Kontrolle über Spaltengruppen statt Zeilengruppen.
Man kann eine Tabelle auch mit den Abschnitten Header/Body/Footer (dt.: Kopf/Rumpf/Fuß) planen und realisieren. Die drei erforderlichen Befehle sind <THEAD>, <TBODY> und <TFOOT>. Diese erweitern das einfache Tabellenmodell erheblich. Alle bestehenden Zellen- und Zeilen-Befehle können jedoch in diese Befehle integriert werden. Für den <TABLE>-HTML-Befehl gibt es auch zwei neue Attribute: FRAME und RULING. Diese stellen wir in dem Abschnitt über die Attribute vor.
Syntax
<TABLE>
<THEAD>...</THEAD>
<TBODY>...</TBODY>
<TFOOT>...</TFOOT>
</TABLE>
Mit dieser Methode wird nur ein Tabellenrumpf erstellt, solange keine Abschnitte (Header, Body, Footer) festgelegt werden. Wenn <THEAD> oder <TFOOT> eingesetzt werden, um damit die entsprechenden Abschnitte zu definieren, muß auch <TBODY> eingefügt werden.
Das Attribut FRAME des <TABLE>-Befehls gibt an, welche Seiten des Rahmens dargestellt werden sollen (falls überhaupt). Die folgende Tabelle listet die zulässigen Werte für Rahmendarstellungen auf.
FRAME-Wert |
Funktion |
"void" |
Es wird kein Außenrahmen für die Tabelle verwendet, wenn dieser Wert vorliegt. |
"above" |
Nur die obere Seite des Rahmens wird dargestellt. |
"below" |
Nur die untere Seite des Rahmens wird dargestellt. |
"hsides" |
Nur die linke und rechte Seite des Rahmens werden dargestellt. |
"lhs" |
Nur die linke Seite des Rahmens wird dargestellt. |
"rhs" |
Nur die rechte Seite des Rahmens wird dargestellt. |
"vsides" |
Nur die obere und die untere Seite des Rahmens werden dargestellt. |
"box" |
Alle vier Seiten des Rahmens werden dargestellt. |
"border" |
Alle vier Seiten des Rahmens werden dargestellt. (wie »box«) |
Das Attribut RULES des <TABLE>-Befehls gibt an, welche inneren Begrenzungslinien (Rahmen zwischen Zellen und den Hauptabschnitten der Tabelle) dargestellt werden sollen. Die folgende Tabelle zeigt alle zulässigen Werte für die Festlegung der darzustellenden inneren Rahmen.
RULES-Wert |
Funktion |
"all" |
Alle inneren Begrenzungslinien werden dargestellt. |
"groups" |
Innere Begrenzungslinien werden zwischen jeder Zeilengruppe und Spaltengruppe dargestellt. Die drei Zeilengruppen werden durch die Befehle <THEAD>, <TBODY> und <TFOOT> festgelegt (siehe auch der folgende Abschnitt über Spaltengruppen). |
"none" |
Es werden keine inneren Begrenzungslinien dargestellt. |
"cols" |
Wie »groups«, nur daß vertikale Begrenzungslinien für alle Spalten dargestellt werden. |
"rows" |
Wie »groups«, nur daß horizontale Begrenzungslinien für alle Zeilen dargestellt werden. |
Es gibt nicht nur Eigenschaften für Zeilengruppen in Tabellen, sondern man kann auch Spaltengruppen für Tabellen bilden, die die Ausrichtung und Größe von Spalten steuern. Der Befehl <COLGROUP> faßt Spaltengruppen, die durch <COL> markiert sind, zu einer Gruppe zusammen.
Syntax
<TABLE>
<COLGROUP>
<COL>
...
</COLGROUP>
...
<THEAD>...</THEAD>
...
</TABLE>
Mit den Befehlen <COLGROUP> und <COL> kann man Ausrichtungen für Spaltengruppen festlegen. Sehen Sie sich dazu die folgende Tabelle mit den zugehörigen Attributen an. Der <COL>-Befehl kann entweder die Attribute seines Parent-Befehls <COLGROUP> erben oder diese Attribute mit seinen eigenen Attributen überschreiben. Der <COL>-Befehl innerhalb des <COLGROUP>-Befehls ist nicht erforderlich, da in dem <COLGROUP>-Befehl selbst angegeben werden kann, welche Spalten er umfassen soll. Der <COL>-Befehl wird daher eher für die Steuerung einzelner Spaltengruppen bezüglich Ausrichtung und Breite verwendet. Sowohl <COLGROUP> als auch <COL> unterstützen die Attribute der folgenden Tabelle.
Attribute |
Erforderlich |
Zweck |
Gibt die Ausrichtung eines Textes in einer Spaltengruppe an. Zulässige Werte sind »left«, »right« und »center«. | ||
Legt fest, welche Spalten der <COLGROUP>- oder der <COL>-Befehl umfassen soll. SPAN="2" legt zum Beispiel eine Spaltengruppe mit zwei Spalten fest. | ||
Gibt die Breite einer Spaltengruppe an (dieses Attribut ist offenbar in der Version Beta 1 des Internet Explorer 3.0 noch nicht impementiert). |
Beispiele
Listing B.7 zeigt sowohl die Methode für einfache Tabellen als auch die für Tabellen mit Spaltengruppen, Frames und Rahmen. Dieses Beispiel finden Sie wie immer auch auf der beiliegenden CD-ROM.
Listing B.7: TABLESTF1.HTM – Dies ist ein Beispiel mit zwei Tabellen
<HTML>
<HEAD>
<TITLE>A Demonstration of tables</TITLE>
</HEAD>
<BODY BGCOLOR="#345678">
<H2>A simple table using various alignment, formatting and coloring-Befehls.</H2>
<!-- This is table 1 -->
<TABLE BORDER="1" BGCOLOR="tan">
<TR>
<TD ROWSPAN=2 BGCOLOR="black"></TD>
<TH COLSPAN="4" BGCOLOR="white">Revenue (in 10<SUP>6</SUP> $’s)</TH>
</TR>
<TR>
<TH COLSPAN=2 BGCOLOR="yellow">First Half</TH>
<TH COLSPAN=2 BGCOLOR="yellow">Second Half</TH>
</TR>
<TR><TH WIDTH="100" BGCOLOR="goldenrod">Year</TD>
<TH BGCOLOR="gold">First Quarter</TH>
<TH BGCOLOR="gold">Second Quarter</TH>
<TH BGCOLOR="gold">Third Quarter</TH>
<TH BGCOLOR="gold">Fourth Quarter</TH>
</TR>
<TD BGCOLOR="green">1994</TD>
<TD BGCOLOR="#3737373"><I>30</I></TD>
<TD BGCOLOR="#3737373"><I>30</I></TD>
<TD BGCOLOR="#3737373"><I>23</I></TD>
<TD BGCOLOR="#3737373"><I>44</I></TD>
</TR>
<TR>
<TD BGCOLOR="green">1995</TD>
<TD BGCOLOR="#3737373"><I>31</I></TD>
<TD BGCOLOR="#3737373"><I>33</I></TD>
<TD BGCOLOR="#3737373"><I>23</I></TD>
<TD BGCOLOR="#3737373"><I>45</I></TD>
</TR>
<TR>
<TD BGCOLOR="green">1996</TD>
<TD BGCOLOR="#3737373"><I>29</I></TD>
<TD BGCOLOR="#3737373"><I>33</I></TD>
<TD BGCOLOR="#3737373"><I>23</I></TD>
<TD BGCOLOR="#3737373"><I>56</I></TD>
</TR>
</TABLE>
<!-- This is end of table 1 -->
<BR CLEAR="all">
<HR>
<TABLE BORDER="3" CELLSPACING=2 CELLPADDING=3" RULES="groups"
BGCOLOR="lightblue" WIDTH="100%">
<CAPTION ALIGN="top">
<FONT SIZE="-1" FACE="Comic Sans MS" COLOR="red">
A more complex table utilizing the RULES, FRAME, <COLGROUP>
, <COL>, and other entities of a table.</FONT>
</CAPTION>
<COLGROUP SPAN="1" ALIGN="center">
<COLGROUP>
<COL SPAN="3" ALIGN="center">
</COLGROUP>
<COLGROUP SPAN="1">
<COLGROUP SPAN="2" ALIGN="center">
<THEAD>
<TR BGCOLOR="aquamarine">
<TH>Product #</TH>
<TH>Department A</TH>
<TH>Department B</TH>
<TH>Department C</TH>
<TH>Total #</TH>
<TH WIDTH="100">Good</TH>
<TH WIDTH="100">Defective</TH>
</TR>
</THEAD>
<TBODY>
<TR>
<TD BGCOLOR="aqua" BORDERCOLOR="aqua">225A</TD>
<TD BGCOLOR="lightblue">5</TD>
<TD BGCOLOR="lightblue">6</TD>
<TD BGCOLOR="lightblue">7</TD>
<TD BGCOLOR="lightblue">18</TD>
<TD BGCOLOR="lightblue">10</TD>
<TD BGCOLOR="lightblue">8</TD>
</TR>
<TR>
<TD BGCOLOR="aqua" BORDERCOLOR="aqua">761C</TD>
<TD BGCOLOR="lightblue">2</TD>
<TD BGCOLOR="lightblue">4</TD>
<TD BGCOLOR="lightblue">5</TD>
<TD BGCOLOR="lightblue">11</TD>
<TD BGCOLOR="lightblue">10</TD>
<TD BGCOLOR="lightblue">1</TD>
</TR>
<TR>
<TD BGCOLOR="aqua" BORDERCOLOR="aqua">3999</TD>
<TD BGCOLOR="lightblue">1</TD>
<TD BGCOLOR="lightblue">0</TD>
<TD BGCOLOR="lightblue">1</TD>
<TD BGCOLOR="lightblue">2</TD>
<TD BGCOLOR="lightblue">1</TD>
<TD BGCOLOR="lightblue">1</TD>
</TR>
<TR>
<TD BGCOLOR="aqua" BORDERCOLOR="aqua">702</TD>
<TD BGCOLOR="lightblue">5</TD>
<TD BGCOLOR="lightblue">5</TD>
<TD BGCOLOR="lightblue">5</TD>
<TD BGCOLOR="lightblue">15</TD>
<TD BGCOLOR="lightblue">5</TD>
<TD BGCOLOR="lightblue">10</TD>
</TR>
<TR>
<TD BGCOLOR="aqua" BORDERCOLOR="aqua">56</TD>
<TD BGCOLOR="lightblue">25</TD>
<TD BGCOLOR="lightblue">25</TD>
<TD BGCOLOR="lightblue">6</TD>
<TD BGCOLOR="lightblue">56</TD>
<TD BGCOLOR="lightblue">50</TD>
<TD BGCOLOR="lightblue">6</TD>
</TR>
<TR>
<TD BGCOLOR="aqua" BORDERCOLOR="aqua">1123</TD>
<TD BGCOLOR="lightblue">11</TD>
<TD BGCOLOR="lightblue">23</TD>
<TD BGCOLOR="lightblue">0</TD>
<TD BGCOLOR="lightblue">34</TD>
<TD BGCOLOR="lightblue">30</TD>
<TD BGCOLOR="lightblue">4</TD>
</TR>
</TBODY></TABLE></BODY></HTML>
Zweck
Der <TT>-Befehl stellt den eingeschlossenen Text in nicht-proportionaler Schreibmaschinenschrift dar.
Syntax
Attribute
Beispiel
<TT>Demonstration of the <TT>-Befehl.</TT>
Zweck
Der <U>-Befehl stellt den eingeschlossenen Text unterstrichen dar.
Syntax
Attribute
Beispiel
Zweck
Der <VAR>-Befehl schließt einen Text ein, der aus logischer Sicht eine Variable darstellt. Der Text wird kursiv dargestellt.
Syntax
Attribute
Keine.
Zweck
Der <WBR>-Befehl fügt eine Umbruchmöglichkeit innerhalb eines <NOBR>-Befehls ein.
Syntax
Attribute
Beispiel
<NOBR> This line will not break. Except, <WBR> here.</NOBR>
Zweck
Der <XMP>-Befehl stellt den eingeschlossenen Text nicht-proportional dar. Entspricht dem <LISTING>-Befehl.
Syntax
Attribute
Beispiel
<XMP>
This is MyPoem()
first line here;
second line here;
third line here;
End MyPoem
</XMP>
Zweck
Der <BASE>-Befehl wird verwendet, um die Basis-URL des Dokuments festzulegen, in dem sich der Befehl befindet. Dieser Mechanismus ist besonders nützlich, wenn die Datei, die den <BASE>-Befehl einsetzt, außerhalb ihres Kontexts verwendet wird.
Syntax
Attribute
Attribute |
Erforderlich |
Zweck |
Ja |
Legt die URL des Dokuments fest, in dem sich der <BASE>-Befehl befindet. Hier muß die komplette URL angegeben werden. |
Beispiel
Eine Datei mit dem Namen »welcome.html«, die auf dem Server »www.nm.org« liegt, hätte den folgenden <BASE>-Befehl:
<BASE HREF=" http://www.nm.org/welcome.html ">
Zweck
Der <BASEFONT>-Befehl wird verwendet, um die Normalgröße des Textes für die Darstellung festzulegen.
Syntax
Attribute
Attribute |
Erforderlich |
Zweck |
Gibt die neue Farbe des Textes an. Die Farbe wird entweder durch Farbennamen festgelegt (siehe den Abschnitt über den <BODY>-Befehl) oder aber über Hexadezimalwerte in der Form von #RRGGBB (wobei RR, GG und BB als Hexadezimalzahl von 0 bis FF (entspricht 255) für Rot, Grün und Blau angegeben werden). | ||
Legt die neue Schriftart fest. Ob die Schriftart angezeigt werden kann, hängt davon ab, ob sie auf dem System des Anwenders installiert ist. Einige weitverbreitete Schriftarten haben wir in der Tabelle im Abschnitt für den <FONT>-Befehl in diesem Anhang aufgelistet. Sie können auch mehrere Schriftarten für den Fall angeben, daß der Anwender über die erstgenannten vielleicht nicht verfügt (d. h., daß bei FACE="Times,Arial,Bahamas" die Schriftart Times verwendet wird, auf die Schriftart Arial zurückgegriffen wird, wenn Times nicht verfügbar ist, usw.). Es gibt dabei keine technische Beschränkung für die Anzahl der alternativen Schriftarten, die angegeben werden können. | ||
Gibt die Schriftgröße des eingeschlossenen Textes an. Diese kann relativ zu der allgemeinen Größe (Voreinstellung: 1) oder als neuer Wert (von 1–7) angegeben werden. Es ist auch möglich, eine relative Größe zu der voreingestellten Größe (3) oder zu der in <BASEFONT> festgelegten Größe anzugeben (SIZE="+2" heißt also zwei Stufen größer als die Voreinstellung »5«. SIZE="-1" heißt eine Stufe kleiner als die Voreinstellung von »2«.) |
Beispiel
Die Standard-Schriftgröße wird in dem folgenden Beispiel auf Größe 4 eingestellt.
<BASEFONT SIZE="4" FACE="Sans">
Die Größe in dem folgenden <BASEFONT>-Befehl ist ebenfalls 4, jedoch mittels einer relativen Größenfestlegung.
<BASEFONT SIZE="+1" COLOR="pink">
Zweck
Der <BGSOUND>-Befehl wird verwendet, um einen Hintergrund-Sound oder einen Soundtrack festzulegen, der abgespielt wird, wenn die Seite geladen wird.
Syntax
Attribute
Attribute |
Erforderlich |
Zweck |
SRC |
Ja |
Gibt die Quelle für den Sound in Form einer URL oder einer Datei an. |
Beispiel
Zweck
Der <COMMENT>-Befehl wird verwendet, um Bemerkungen in das HTML-Dokument einzufügen, die nicht angezeigt werden sollen. Jeglicher Text, der von dem <COMMENT>...</COMMENT>-Befehlspaar umschlossen ist, wird nicht auf dem Bildschirm angezeigt. Alternativ zu dem <COMMENT>-Befehl kann auch die Kurzform <!--...--> verwendet werden.
Syntax
<COMMENT>...</COMMENT>
or
Attribute
Beispiel
<COMMENT>Version: 3</COMMENT>
<!-- This is version 3 -->
Zweck
Mit dem <HTML>-Befehl werden Anfang und Ende des HTML-Dokuments markiert. Alles, was mit HTML zu tun hat, einschließlich der <HEAD>- und <BODY>-Befehle, sollte innerhalb des <HTML>...</HTML>-Befehlspaars untergebracht werden.
Syntax
Attribute
Beispiel
<HTML>
<HEAD>
<TITLE>This is a test</TITLE>
</HEAD>
<BODY BGCOLOR="C0C0C0">
<H1> This is a test</H1>
</BODY>
</HTML>
Dieser Abschnitt erklärt einen Teil der typischen HTML- und Internet-Begriffe, die Ihnen beim Lesen dieses Anhangs von Nutzen sein können.
Attribute: Bezieht sich in der Regel auf eine Eigenschaft eines HTML-Befehls, die der Programmierer verändern kann. So ist zum Beispiel HREF ein Attribut des <A>-Befehls.
Einschließen: DefinitionEinschliessenDefinitionBezieht sich darauf, daß HTML-Befehlspaare (<HTML-Befehl> und </HTML-Befehl>) gewöhnlich Text und andere Befehle umfassen, um die Formatierung zu beeinflussen oder andere Zwecke zu erreichen.
Element: Bezieht sich auf Befehle (wie z. B. <EM>).
Einheit: In HTML besteht eine Einheit aus einem Befehl oder einer Befehlsgruppe, die denselben Zweck verfolgen. Der <B>-Befehl stellt den Text in Fettdruck dar, während client-gesteuerte Image-Maps dazu dienen, anklickbare Grafiken zu erstellen.
HTML: Hypertext Markup Language.
Wert: Ein Wert kann von dem Programmierer einem Attribut eines HTML-Befehls zugewiesen werden, wenn dieses einen Wert braucht. Einige Attribute erfordern keine Werte. Wenn in einem HTML-Befehl ein Attribut ohne Wert eingesetzt wird, markiert dies eine Veränderung gegenüber der Verwendung des Befehls ohne das Attribut.
URL: Steht für »Uniform Resource Locater«. Dies ist die standardisierte Methode, um Informationen im Internet zu adressieren. So ist z. B. http://www.microsoft.com/ie/ie.htm die Angabe um Informationen auf dem Microsoft Server über den Internet-Explorer zu erhalten. »http://« zeigt an, welche Art von Information die URL bezeichnet (hier also in Form des Hypertext Transfer-Protokolls). »www.microsoft.com« ist die Adresse (Domain-Name) von der die Ressource bezogen werden kann, während »ie/ie.htm« den Ort und den Namen der Ressource bezeichnet.
In diesem Abschnitt werden alle Farbennamen aufgelistet, die von dem Internet Explorer 3.0 unterstützt werden. Dabei werden auch die entsprechenden Hexadezimalwerte in der üblichen Notierungsform #RRGGBB angegeben. »RR« gibt die Intensität des Farbwerts Rot an, »GG« die des Werts Grün und »BB« die Intensität des Wertes Blau. Die Angaben der Intensität werden in einer Hexadezimalzahl von 0 bis FF angegeben, wobei FF dem Dezimalwert 255 entspricht.
Farbenname |
Hexadezimal-Wert |
"aliceblue" |
"#F0F8FF" |
"antiquewhite" |
"#FAEBD7" |
"aqua" |
"#00FFFF" |
"aquamarine" |
"#7FFFD4" |
"azure" |
"#F0FFFF" |
"beige" |
"#F5F5DC" |
"brisque" |
"#FFE4C4" |
"black" |
"#000000" |
"blanchedalmond" |
"#FFEBCD" |
"blue" |
"#0000FF" |
""blueviolet" |
"#8A2BE2" |
"brown" |
"#A52A2A" |
"burlywood" |
"#DEB887" |
"cadetblue" |
"#5F9EA0" |
"chartreuse" |
"#007FFF" |
"chocolate" |
"#D2691E" |
"coral" |
"#FF7F50" |
"cornflowerblue" |
"#6495ED" |
"cornsilk" |
"#FFF8DC" |
"crimson" |
"#DC143C" |
"cyan" |
"#00FFFF" |
"darkblue" |
"#00008B" |
"darkcyan" |
"#008B8B" |
"darkgoldenrod" |
"#B8860B" |
"darkgray" |
"#A9A9A9" |
"darkgreen" |
"#006400" |
"darkkahki" |
"#BDB76B" |
"darkmagenta" |
"#8B008B" |
"darkolivegreen" |
"#556B2F" |
"darkorange" |
"#FF8C00" |
"darkorchid" |
"#9932CC" |
"darkred" |
"#8B0000" |
"darksalmon" |
"#E9967A" |
"darkseagreen" |
"#8FBC8F" |
"darkslateblue" |
"#483D8B" |
"darkslategray" |
"#2F4F4F" |
"darkturquoise" |
"#00CED1" |
"darkviolet" |
"#9400D3" |
"deeppink" |
"#FF1493" |
"deepskyblue" |
"#00BFFF" |
"dimgray" |
"#696969" |
"dodgerblue" |
"#1E90FF" |
"floralwhite" |
"#FFFAF0" |
"forestgreen" |
"#228B22" |
"fuchsia" |
"#FFFF00" |
"gainsboro" |
"#DCDCDC" |
"ghostwhite" |
"#F8F8FF" |
"gold" |
"#FFD700" |
"goldenrod" |
"#DAA520" |
"gray" |
"#808080" |
"green" |
"#008000" |
"greenyellow" |
"#ADFF2F" |
"honeydew" |
"#F0FFF0" |
"hotpink" |
"#FF69B4" |
"indianred" |
"#CD5C5C" |
"indigo" |
"#4B0082" |
"ivory" |
"#FFFFF0" |
"khaki" |
"#F0E68C" |
"lavender" |
"#E6E6FA" |
"lavenderblush" |
"#FFF0F5" |
"lawngreen" |
"#7CFC00" |
"lemonchiffon" |
"#FFFACD" |
"lightblue" |
"#ADD8E6" |
"lightcoral" |
"#F08080" |
"lightcyan" |
"#E0FFFF" |
"lightgoldenrodyellow" |
"#FAFAD2" |
"lightgreen" |
"#90EE90" |
"lightgrey" |
"#D3D3D3" |
"lightpink" |
"#FFB6C1" |
"lightsalmon" |
"#FFA07A" |
"lightseagreen" |
"#20B2AA" |
"lightskyblue" |
"#87CEFA" |
"lightslategray" |
"#778899" |
"lightsteelblue" |
"#B0C4DE" |
"lightyellow" |
"#FFFFE0" |
"lime" |
"#0000FF" |
"limegreen" |
"#32CD32" |
"linen" |
"#FAF0E6" |
"magenta" |
"#FF00FF" |
"maroon" |
"#800000" |
"mediumaquamarine" |
"#66CDAA" |
"mediumblue" |
"#0000CD" |
"mediumorchid" |
"#BA55D3" |
"mediumpurple" |
"#9370DB" |
"mediumseagreen" |
"#3CB371" |
"mediumslateblue" |
"#7B68EE" |
"mediumspringgreen" |
"#00FA9A" |
"mediumturquoise" |
"#48D1CC" |
"mediumvioletred" |
"#C71585" |
"midnightblue" |
"#191970" |
"mintcream" |
"#F5FFFA" |
"mistyrose" |
"#FFE4E1" |
"moccasin" |
"#FFE4B5" |
"navajowhite" |
"#FFDEAD" |
"navy" |
"#000080" |
"oldlace" |
"#FDF5E6" |
"olive" |
"#808000" |
"olivedrab" |
"#6B8E23" |
"orange" |
"#FFA500" |
"orangered" |
"#FF4500" |
"orchid" |
"#DA70D6" |
"palegoldenrod" |
"#EEE8AA" |
"palegreen" |
"#98FB98" |
"paleturquoise" |
"#AFEEEE" |
"palevioletred" |
"#DB7093" |
"papayawhip" |
"#FFEFD5" |
"peachpuff" |
"#FFDAB9" |
"peru" |
"#CD853F" |
"pink" |
"#FFC0CB" |
"plum" |
"#DDA0DD" |
"powderblue" |
"#B0E0E6" |
"purple" |
"#800080" |
"red" |
"#FF0000" |
"rosybrown" |
"#BC8F8F" |
"royalblue" |
"#4169E1" |
"saddlebrown" |
"#8B4513" |
"salmon" |
"#FA8072" |
"sandybrown" |
"#F4A460" |
"seagreen" |
"#2E8B57" |
"seashell" |
"#FFF5EE" |
"sienna" |
"#A0522D" |
"silver" |
"#C0C0C0" |
"skyblue" |
"#87CEEB" |
"slateblue" |
"#6A5ACD" |
"slategray" |
"#708090" |
"snow" |
"#FFFAFA" |
"springgreen" |
"#00FF7F" |
"steelblue" |
"#4682B4" |
"tan" |
"#D2B48C" |
"teal" |
"#008080" |
"thistle" |
"#D8BFD8" |
"tomato" |
"#FF6347" |
"turquoise" |
"#40E0D0" |
"violet" |
"#EE82EE" |
"wheat" |
"#F5DEB3" |
"white" |
"#FFFFFF" |
"whitesmoke" |
"#F5F5F5" |
"yellow" |
"#FFFF00" |
"yellowgreen" |
"#9ACD32" |
(c) 1997 Que