spacer
    home > webdesign > das grundgerüst
spacer
Webdesign Das Grundgerüst

 

HTML 4.0 - Referenz

<address>...</address>

Wenn Sie ein HTML-Dokument erstellen, sollten Sie auch festlegen, wie der Leser des Dokuments Kontakt zum Autor aufnehmen kann. Dafür wird das Tag <adress> in Dokumenten verwendet, um Titel, Name, Adresse, Telefon etc. anzugeben. Gewöhnlich setzen Entwickler das <adress> Element an den Anfang oder das Ende eines HTML-Dokuments.

Reiser Stefan

<a href="[Datei]">...</a>

Die Definition eines Verweisziels (Ankers) beginnt mit <a href> das hier zu einer Datei führt

test.exe

<a href="[Name]">...</a>

Die Definition eines Verweisziels (Ankers) beginnt mit <a href> das zu einem Link verweist

http://www.multi-online.com

<a href="[url]" onClick="[funktionsname]">...</a>

Die Definition eines Verweisziels (Ankers) beginnt mit <a href> das zu einem URL verweist

URL kann sein:

Anker in der gleichen Datei (#Ankername)
Andere Datei in anderem Verzeichnis (../verzeichnis/datei.htm)
WWW-Adresse (http://...)
SSL WWW-Adresse (https://...)
Gopher-Adresse (gopher://...)
FTP-Adresse (ftp://...)
Telnet-Adresse (telnet://...)
Mail-Adresse (mailto:...)
Newsgroup-Adresse (news:...)
Absolute lokale Adresse (file://...)

Das Attribut onClick bedeutet: Das zu diesem URL gewechselt wird, wenn die Mouse-Taste gedrückt wird

www.multi.online.com

<a href="[url]" onMouseOver="[funktion]">...</a>

<a href="[url]> wurde bereits Erklärt. Das Attribut onMouseOver bedeutet: Das zu diesem URL gewechselt wird, wenn die Mouse über das URL gezogen wird.

http://www.multi.online.com

<a href="#1">...</a>

Dies ist die Definition zu einem Verweisziels (Ankers)

<a name="[Name]">

Die Definition eines Verweisziels (Ankers) beginnt mit <a name= (a = anchor = Anker). Hinter dem Istgleichzeichen vergeben Sie einen dateiweit eindeutigen Namen für das Verweisziel (im Beispiel: "Zieldef"). Vergeben Sie keine zu langen Namen. Namen dürfen keine Leerzeichen und keine deutschen Umlaute enthalten. Benutzen Sie als Sonderzeichen höchstens den Unterstrich "_". Der Name des Verweisziels muß in Anführungszeichen stehen. Hinter dem Verweiszielnamen endet das einleitende Tag mit >. Dahinter folgt ein Inhalt, zu dem der Verweis führen soll. Dahinter wird das abschließende Tag </a> notiert.

<applet code="[classelement]">"[Text]"...</applet>

Entwickler benutzen das Element <APPLET>, um innerhalb eines Dokumentes eine Java-Anwendung anzugeben. Der Anwendungspunkt <APPLET> unterstützt die folgenden Attribute: ALT, ALIGN, CODE, CODEBASE, HEIGHT, HSPACE, NAME, VSPACE und WIDTH.

Der hier angegebene Tag beinhaltet das Klassenelement eines Java-Applets.

testapplet

<applet width="[Wert]">"[Text]"...</applet>

Entwickler benutzen das Element für die Breite des Java - Applets anzugeben.

<applet height="[Wert]">"[Text]"...</applet>

Entwickler benutzen das Element für die Höhe des Java - Applets anzugeben.

<area>

Entwickler benutzen das Element <AREA>, um innerhalb einer Graphik einen Bereich festzulegen, auf den die Benutzer mit ihrer Maus klicken können. Es werden die Größe und der Bereich bestimmt, indem er die Attribute des Elements verwendet. Es werden folgende Attribute unterstützt: ALT, COORDS, HREF, NOHREF und SHAPE. Es gibt einige Browser, die das <AREA>-Element nicht unterstützen. Hier ein Beispiel:

<AREA COORDS="50,50, 150,150" SHAPE=rect HREF="http://www.multi-online.com/test.gif">

<b>...</b>

Das <B> - Element wird von Entwicklern in Dokumenten benutzt, um Text zu bezeichnen, den der Browser in Fettschrift darstellen soll. Das Element <B> unterstützt keine Attribute.

www.multi-online.com

<base href="[url]">

Das Element <BASE> benutzt man, um die Basisadresse festzulegen, die der Browser zur Interpretation relevanter URL's benutzen soll. Entwickler sollen das Basis-Tag innerhalb des Kopfes eines HTML-Dokumentes platzieren. Das Element <BASE> unterstützt nur das Attribut HREF.

<basefont size=[Größe]>

<BASEFONT SIZE=...> bestimmt die Normalgröße der Schrift (basefont size = Basisschriftgröße). Sie können den Wert in Zahlen zwischen 1 und 7 angeben. Die voreingestellte Normalschriftgröße ist 3.

<big>...</big>

Das Element <BIG> ist neu. Es wird in HTML-Dokumenten benutzt, um Text zu bestimmen, den der Browser in großen Buchstaben anzeigen soll. Beispielsweise wird der folgende HTML-Eintrag den Text Herzlich Willkommen in großen Buchstaben anzeigen.

Herzlich Willkommen zum Schützenfest

<blockquote>...</blockquote>

Entwickler benutzen das Element <BLOCKQUOTE>, um in einem HTML-Dokument Text anzugeben, den Sie aus einer anderen Quelle anführen. Wenn ein Browser ein <BLOCKQUOTE> - Element darstellt, sollte der Browser den Text hervorheben und wenn möglich Kursivschrift benutzen. Zusätzlich lassen die Browser normalerweise über und unter dem Zitat Platz.

Hallo Freunde

wie geht es Euch ?

ich hoffe doch gut

<br>

Entwickler benutzen das Element <BR>, um einen Zeilenumbruch innerhalb eines Dokumentes zu veranlassen. Unter den meisten Browsern unterstützt <BR> das CLEAR-Attribut, welches die Anweisung der Entwickler an einen Browser zuläßt, eine Zeile umzubrechen, so daß die neue Zeile die rechten oder linken Ränder freihält. Beispielsweise weist der Eintrag einen Browser an, die momentane Zeile zu beenden und eine neue Zeile zu beginnen, so daß beide Ränder, der rechte und der linke, frei bleiben.

<BR CLEAR=ALL>

<caption align=center>

Das Element <CAPTION> ist neu. Die Entwickler benutzen es in einem HTML-Dokument, um Tabellen zu kennzeichnen. Das Element <CAPTION> unterstützt das Attribut ALIGN. Hiermit legt er die Tabelle zentriert.

<CAPTION ALIGN=CENTER>Tabelle der HTML-Bibliothek</CAPTION>

<caption align=left>

Hiermit wird eine seitliche Tabellenüberschrift links festgelegt.

<caption align=right>

Hiermit wird eine seitliche Tabellenüberschrift links festgelegt.

<caption valign=bottom>...</caption>

Hiermit wird die Tabellenunterschrift angegeben.

<caption valign=top>...</caption>

Hiermit wird die Tabellenüberschrift angegeben

<center>...</center>

Entwickler benutzen das HTML-Element <CENTER> zur Zentrierung von Text.

<cite>...</cite>

Entwickler benutzen das Element <CITE>, um den Titel eines Buches oder ein anderes Zitat anzuzeigen, das in einem HTML-Dokument erscheint.

<code>...</code>

Entwickler benutzen das Element <CODE>, um einen Programmcode (wie Java oder C++) in Monospace-Schrift darzustellen. Das Element <CODE> unterstützt keinerlei Attribute.

<dfn>...</dfn>

Entwickler benutzen das Element <DFN>, um das Definitionsersuchen eines Ausdruckes innerhalb eines HTML-Dokumentes zu kennzeichnen. Das Element <DFN> unterstützt keine anderen Attribute.

<dir>...</dir>

Entwickler benutzen das Element, um eine Liste kurzer Ausdrücke zu erstellen (jedes mit weniger als 20 Zeichen). Das Element <DIR> unterstützt das COMPACT-Attribut. Der folgende Eintrag zeigt den Gebrauch des Elementes <DIR>.

<DIR>                                        
<LI>Microsoft Internet Explorer
<LI>Netscape Navigator         
<LI>NSCA Mosaic                  
  </DIR>                                        

<dd>...</dd>

<DD>leitet eine Definition eines Ausdrucks ein (dd = definition (list) definition = Definition in der Definitionsliste).Am Ende der Definition steht ein abschließendes </DD>

<div align=center>...</div>

Entwickler benutzen das Element <DIV>, um die Bestandteile eines Dokumententextes in verschiedene Stücke zu teilen, denen der Entwickler dann bestimmte Attribute hinzufügen kann.

Beispiel:

Ein Designer möchte das Element <DIV> benutzen, um die Ausrichtung eines speziellen Textbereichs oder den Sprachcode des Textes zu ändern. Das Element <DIV> unterstützt das ALIGN-Attribut

Der folgende Text ist <DIV ALIGN=CENTER>IMPORTANT</DIV>

Das ALIGN-Attribut kann zur Textausrichtung mit center, right und left versehen werden.

<dl>...</dl>

<DL> leitet eine Definitionsliste ein (dl = definition list = Definitionsliste).

<dt>...</dt>

<DT> leitet einen zu definierenden Ausdruck ein (dt = definition (list) term = Ausdruck in der Definitionsliste). Am Ende des zu definierenden Ausdrucks steht ein abschließendes </DT>

<em>...</em>

Entwickler benutzen das Element <EM>, um eine typographische Hervorhebung (normalerweise Kursivbuchstaben) eines speziellen Textes in einem Dokument vorzusehen. Das Element <EM> unterstützt keine andere Attribute.

Beispiel

<font color="[Farbe]">

Entwickler benutzen das Element <FONT> zur Auswahl einer Schriftgröße und Farbauswahl.In diesem angegebenen Tag wird die Farbe des Textes angegeben.

<font size="[Größe]">

Hier gibt das Tag die Auswahl einer Schriftgröße an. Gültige Schriftgrößen reichen von 1 (die kleinste) bis 7 (die größte). Die Standartschriftgröße steht bei 3. Der Eintrag sollte den Wert des SIZE-Attributes mit einem "+" oder einem "-" Zeichen einleiten, um eine Schrift in Relation zur Grundschrift des Dokumentes zu setzen.

<form action="[url]" method=[Methode]>...</form>

Entwickler benutzen das Element <FORM> in HTML-Dokumenten zur Definition einer Folge von Eingabeelementen. Das Element <FORM> unterstützt die folgenden Attribute: ACTION, ENCTYPE und METHOD. Der folgende Eintrag illustriert den Gebrauch des Elementes <FORM>:

<FORM ACTION="http://www.multi-online.com/form.php" METHOD="GET"></FORM>

<frameset rows="20%, 80%></frameset>

Die nebenstehende Abbildung zeigt den Effekt des obigen Beispiels 1. Im einleitenden Tag <frameset...> bestimmen Sie die Aufteilung. Durch rows= teilen Sie das Anzeigefenster in Reihen auf (rows = Reihen). Dahinter bestimmen Sie, wie die Aufteilung genau aussehen soll. Im Beispiel wird mit Hilfe von rows="20%,80%" eine Aufteilung in zwei Reihen erzwungen, wobei die obere Reihe 20% des Anzeigefensters in Anspruch nimmt, die untere 80%. Die Angaben für die Aufteilung müssen in Anführungszeichen stehen. Trennen Sie die Angaben durch Kommata.

<frameset>...</frameset>

<frameset ...> leitet die Definition eines Frame-Sets ein. Dahinter folgen die Definitionen der einzelnen Frames oder verschachtelter Frame-Sets. </frameset> schließt die Definition des Frame-Sets ab.

<h1>...</h1>

Entwickler benutzen diesen Tag, um Headings in einem HTML-Dokument zentriert in der Gr öße <H1> zu bestimmen.

Das Element <H1> unterstützt das ALIGN-Attribut

Die Überschrift

Das ALIGN-Attribut kann zur Textausrichtung mit center, right und left versehen werden.

Headings können in der Größe H1 (größte) bis H6 (kleinste) gesetzt werden.

<hr align=left width=[breite]>

Dieses Tag bestimmt die Lage (links) sowie die breite der waagrechten Linie

<hr align=right width=[breite]>

Dieses Tag bestimmt die Lage (rechts) sowie die breite der waagrechten Linie

<hr noshade>

Dieses Tag erstellt eine waagrechten Linie ohne weitere Angaben.

<hr size=[dicke]>

Dieses Tag bestimmt die Dicke der waagrechten Linie.

<hr width=[breite]>

Dieses Tag bestimmt die Breite der waagrechten Linie.

<hr>

Entwickler benutzen das Horizontal-Rule-Element <HR>, um eine waagrechte Linie zu erstellen, die als eine Trennung zwischen Teilen des Dokumentes dient. Bei den meisten Browsern unterstützt das Element <HR> die folgende Attribute: ALIGN, NOSHADE, SIZE, SRC und WIDTH.

<img src="[grafik]">

Designer benutzen das Element <IMG>, um In-Line-Graphiken (meistens kleine Graphiken oder Icons) in HTML-Dokumenten einzubinden. Benutzen Sie das <IMG> - Element nicht, um externen HTML-Text in ein Dokument einzubetten. Ein Browser, der eine In-Line-Abbildung nicht anzeigen kann (wie ein Browser für Textbetrieb) wird das <IMG>-Element nicht beachtet, außer Sie benutzen es mit dem Attribut ALT. Wenn die Graphik wichtig ist, die sie in Ihr Dokument einbetten wollen, wollen sie vielleicht eher einen Verknüpfungspunkt an ihr anbringen (mittels des Ankerelementes <A>) als die Abbildung in-line zu plazieren ( einige Browser können In-Line-Abbildungen nicht darstellen, können aber Graphiken behandeln, die mittels  eines Ankers angeknüpft sind.) Unter den meisten Browsern unterstützt das Element <IMG> folgende Attribute: ALT; ALIGN; BORDER; HEIGHT; HSPACE; ISMAP; SRC; USEMAP; VSPACE und WIDTH.

<img src="grafik.gif" align="center" width="10" height="30" Alt="Einfach eine Grafik">

<i>...</i>

Designer benutzen das Kursiv <I>-Element, um Text zu bezeichnen, den der Browser mittels Kursivschrift darstellen soll.

<img src="[grafik]" align=bottom>...<p>

Die Graphik wird unterbündig ausgerichtet.

<img src="[grafik]" align=middle>...<p>

Die Graphik wird mittig ausgerichtet.

<img src="[grafik]" align=right>

Die Graphik wird rechtsbündig ausgerichtet.

<img src="[grafik]" align=top>...<p>

Die Graphik wird obenbündig ausgerichtet.

<img src="[grafik]" height=[Wert]>

Pixel oder Prozent zum Anzeigefenster der Höhe angeben. Diese Angabe trägt zu einem besseren Seitenaufbau bei.

<img src="[grafik]" hspace=[Wert]>

Abstand zwischen Grafik und Umgebung in Pixeln. Hier der Abstand nach oben bzw. unten (vspace).

<img src="[grafik]" vspace=[Wert]>

Abstand zwischen Grafik und Umgebung in Pixeln. Hier der Abstand nach links bzw. rechts (hspace).

<img src="[grafik]" width=[Wert]>

Pixel oder Prozent zum Anzeigefenster der Breite angeben. Diese Angabe tr ägt zu einem besseren Seitenaufbau bei.

<input name="[feldname]">

Entwickler benutzen das Element <INPUT>, um Eingaben von Benutzern in einem Formular zu erhalten. Unter den meisten Browsern unterstützt das Element <INPUT> folgende Attribute: ALIGN; CHECKED; MAXLENGHT; NAME; SIZE; SRC; TYPE und VALUE.

<input size=[Wert]>

Hierbei wird dem Eingabe - Element <INPUT> die Anzeigebreite (Anzahl Zeichen) bestimmt.

<input maxlength=[Wert]>

Entwickler bestimmen   hier die Eingabelänge (Anzahl Zeichen) des Elementes <INPUT>

<input type=[passwort]>

Mit der zusätzlichen Angabe type=password bestimmen Sie, da ß es sich um ein Passwort-Feld handelt.

<isindex>

Das Element <ISINDEX> teil dem Browser mit, daß das Dokument ein Indexdokument ist. Anders gesagt, der Benutzer kann in einem Dokument eine Schlüsselwortsuche durchführen, indem er einen Anfragemarkierung an den Schluß Ihrer Dokumentadresse anfügt, der eine Liste von Schlüsselwörtern folgt, die wiederum untereinander durch Pluszeichen getrennt sind. Das Element <ISINDEX> unterstützt das Attribut PROMPT.

<ISINDEX ACTION="http://www.multi-online.com/searcher.pl" PROMPT="Enter text:">

<kbd>...</kbd>

Dieses HTML-Dokument benutzt man zur Anzeige von Text, den die Benutzer normalerweise auf ihren Tastaturen schreiben würden. Browser stellen im allgemeinen das Element <KBD> dar, indem sie eine Monospace-Schrift verwenden.

Beispiel

<li>...</li>

Entwickler benutzen das Listenzeichen <LI>, um einer geordneten oder ungeordneten Liste ein Zeichen zu spezifizieren. Das Element <LI> unterstützt die Attribute TYPE und VALUE.

<OL>

< LI>Beispiel 1</LI>

< LI>Beispiel 2</LI>

< /OL>

  1. Beipiel 1
  2. Beipiel 2

<link>...</link>

Entwickler benutzen das Element <LINK>, um eine Beziehung zwischen dem laufenden HTML-Dokument und anderen Objekten, wie z.B. einem anderen HTML-Dokument, herzustellen. Das Element <LINK> unterstützt die folgenden Attribute: HREF, REL und TITLE. Mit Hilfe der Attribute REL und REV kann ein Verknüpfungspunkt weiter vorne und weiter hintenliegende andere Verknüpfungspunkte erkennen. Der folgende Eintrag zeigt den Gebrauch des Zugangselementes <ENTRY>.

<Link HREF="http://www.multi-online.com/index.php" REL="previous">

<menu>...</menu>

Entwickler benutzen das Element <MENU>, um eine Liste von Ausdrücken anzuzeigen, je ein Ausdruck pro Zeile. Der Inhalt eines <MENU>-Elements ist eine Folge von Ausdruckselementen <LI>. Das Element <Menu> unterstützt das Attribut COMPACT. Der folgende Eintrag zeigt den Gebrauch des Elementes <MENU>:

<MENU>

< LI>Inhaltsverzeichnis HTML </LI>

< LI>Inhaltsverzeichnis HTTP </LI>

< /MENU>

  • Inhaltsverzeichnis HTML
  • Inhaltsverzeichnis HTTP
  • <map name="[Anker]">...</map>

    Entwickler benutzen das Element <MAP>, um innerhalb einer Abbildung eine anklickbare Region festzulegen, auf die Benutzer mit ihrer Maus klicken können, um zu speziellen Bezugsdaten zu springen. Das Element <MAP> unterstützt das Attribut NAME, welches den Namen der Maske (der vom Attribut USEMAP benötigt wird) spezifiziert. Der folgende Eintrag zeigt den Gebrauch des Elementes <MAP>:

    <MAP NAME="SQUARE">
    <AREA SHAPE=RECT COORDS="0,0, 10,10">
    </MAP>

    <nobr>...</nobr>

    <nobr> bewirkt, daß der auf das Tag folgende Text nicht umgebrochen wird (nobr = no break = kein Umbruch). Am Ende des Textabschnitts, der nicht umgebrochen werden soll, notieren Sie das Tag </nobr>.

    <object >...</object>

    Mit <object ...> leiten Sie die Referenz ein.

    Mit der Angabe classid= referenzieren die Programmdatei (classid = class identifier = Klassenbezeichner). Die Angabe muß in Anführungszeichen stehen.

    Die Angabe besteht aus der festen Zeichenfolge java: - gefolgt von dem Namen der .class-Datei (also der ausführbaren Java-Programmdatei), jedoch ohne Angabe der Endung .class. Im obigen Beispiel wird auf diese Weise die Datei animation.class in der Form classid="java:animation" eingebunden.

    Wenn sich die Programmatei in einem anderen Verzeichnis befindet als die HTML-Datei, in der sie referenziert wird, oder auf einem anderen Internet-Server, dann müssen Sie den Pfad bzw. die Adresse des Server-Rechners und das Verzeichnis angeben, wo sich die Programmdatei befindet (nur das Verzeichnis, nicht mehr den Namen der Programmdatei). Dazu verwenden Sie die Angabe codebase=. Die Angabe muß in Anführungszeichen stehen. Für die Angaben gelten die gleichen Regeln wie beim Einbinden von Grafiken (dort mit der Angabe src=). Die Angabe von codebase= kann in einigen Fällen auch erforderlich sein, um Teile eines Java-Applets von einem bestimmten Internet-Server nachzuladen.

    Ähnlich wie für Datendateien gibt es auch für ausführbare Programmdateien Mime-Typen. Wenn Sie den Mime-Typ eines Programms kennen, können Sie mit codetype= den Typ angeben. Dadurch helfen Sie dem WWW-Browser, schneller zu reagieren.

    Eine <object>-Referenz benötigt ein abschließendes </object>. Zwischen <object> und </object> können Sie im Zusammenhang mit Java-Applets Aufrufparameter notieren. Viele Java-Applets erwarten einen oder mehrere solche Parameter beim Aufruf. Jeder Parameter wird durch <param name= value=> angegeben. Hinter name= geben Sie den Namen des Parameters an. Hinter value= geben Sie den gewünschten Wert des Parameters an, der dem Programm übergeben werden soll. Zahlen werden ohne Anführungszeichen, Zeichenketten mit Anführungszeichen angegeben.

    <ol>...</ol>

    Entwickler benutzen in HTML-Dokumenten das Listenordnungselement <OL>, um durchnumerierte Listen zu erstellen. Die neuen Merkmale, die in HTML 3.2 für das Element <OL> vorgesehen sind, erlauben den Entwicklern, willkürlich die Nummer eines Startsequenz auszuwählen oder die Durchnumerierung dort weiterzuführen, wo eine vorherige Liste verlassen wurde. Das Element <OL> unterstützt folgende Attribute: COMPACT, START, und TYPE. Der folgende Eintrag zeigt den Gebrauch des Elementes <OL>:

    <OL>

    < LI>Beispiel 1</LI>

    < LI>Beispiel 2</LI>

    < /OL>

    <option>...</option>

    Entwickler benutzen das Element <OPTION> in einem HTML-Dokument innerhalb eines <SELECT>- Elementes, um den Benutzern eine Auswahlmöglichkeit zu bieten (dabei ist es auch möglich, auf eine Wahl zu verzichten). Der Inhalt des Elementes <OPTION> besteht immer aus Text. Wenn ein Benutzer das Formular übermittelt, wird der NAME des einschließenden <SELECT>- Elementes mit dem VALUE-Attribut des Elementes <OPTION> zusammengefügt, um einen Name-Paar-Wert für die Auswahl zu bilden.Der folgende Eintrag zeigt den Gebrauch des Elementes <OPTION>:

    <SELECT NAME="flavor">

    < OPTION>Schokolade

    < OPTION>Vanille

    < OPTION VALUE="Banane">Banane

    < OPTION selected>Kirsch

    < /SELECT>

    <p>...</p>

    Entwickler benutzen das Element <P>, um einen Absatz zu definieren. Das Tag </P> ist dabei optional. Das Element <P> unterstützt das Attribut ALIGN.

    <param>...</param>

    Entwickler benutzen <PARAM> zur Bestimmung von Parameterwerten für eine JAVA-Anwendung. Das Element <PARAM> unterstützt die Parameter von NAME und VALUE. Der folgende Eintrag zeigt den Gebrauch des Elementes <PARAM>:

    <APPLET CODE="ProgrammName" WIDTH=200 HEIGHT=200>

    <PARAM NAME="BuchTitel" VALUE="WebProgrammieren">

    <pre>...</pre>