HTML-Referenz internet\HTML.doc

 

Die HTML-Befehle ("Tags") können sowohl gross als auch klein geschrieben werden. HTML-Befehle werden mit

<TAG>

eingeleitet und mit

</TAG>

beendet. Der grundsätzliche Aufbau einer HTML-Datei sieht so aus:

<HTML>

<HEAD>

<TITLE>

Dieser Text wird im Fenstertitel des Browsers angezeigt

</TITLE>

</HEAD>

</HTML>

<BODY>

Hier steht der Text, den der Browser anzeigt.

</BODY>

</HTML>

Beispiel einer HTML-Seite

<HTML>

<HEAD>

<TITLE>New Domain Home-Page</TITLE>

<META NAME="GENERATOR" CONTENT="Note-Pad Editor">

<META NAME="AUTHOR" CONTENT="Manuel Magnin">

</HEAD>

<BODY>

<H3>Die ertste Seite</H3>

</BODY>

</HTML>

 

Die folgenden Tabellen zeigen die wichtigsten HTML-Tags.

Tabelle 1: Die optionalen HTML-Tags

HTML-Tag

Beschreibung

<HTML></HTML>

Beginn und Ende des Dokuments

<HEAD></HEAD>

sogenannte Meta-Tags (zur Speicherung nicht sichtbarer Informationen)

<BODY></BODY>

der sichtbare Teil des Dokuments, der vom Browser dargestellt wird

Tabelle 2: Die Elemente im HEAD-Block

HTML-Tag

Beschreibung

<TITLE></TITLE>

Titel des Dokuments, erscheint im Fenstertitel des Browsers

<ISINDEX>

Das Dokument kann wie eine Datenbank durchsucht werden

<BASE HREF="URL">

URL des Dokuments

 

Tabelle3: Die Elemente im BODY-Block

HTML-Tag

Beschreibung
   

Text-Elemente

  

<BLOCKQUOTE>

</BLOCKQUOTE>

Zitat

<LISTING></LISTING>

für Programm-Listings

<P>

Absatz

<PLAINTEXT>

Der Rest des Dokumentes wird nur als Text angezeigt

<PRE></PRE>

zeigt formatierten Text an. Wird für Tabellen verwendet. Darf weitere Tags enthalten, die aber nicht alle ausgewertet werden. Zeilenumbrüche bleiben erhalten.

<XMP></XMP>

wie <PRE>, darf aber keine weiteren Tags enthalten
   

Hyperlinks und Anker

  

<A NAME="ANKER"></A>

definiert einen Anker innerhalb des Dokuments (Sprungziel)

<A HREF="ANKER"></A>

verzweigt zu einem Anker

<A HREF="URL"></A>

verzweigt zu einer anderen Datei

<A HREF="URL#ANKER"></A>

verzweigt zu einem Anker in einem anderen Dokument

<A HREF="URL?Suchwort1+

Suchwort2"></A>

Sendet die Suchworte an einen Server.

Mehrere Suchworte mit mit dem "2"-Zeichen verbunden
   

Überschriften

  

</H1>

grösste Überschrift

</H2>

  

</H3>

  

</H4>

  

</H5>

  

</H6>

kleinste Überschrift
   

Logische Formatierungen

  

<CITE>(CITE>

zeigt ein Zitat an

<DFN></DFN>

zeigt eine Definition an

<EM></EM>

hervorgehoben

<KBD></KBD>

Tastatureingabe

<SAMP></SAMP>

Textbeispiel

<STRONG></STRONG>

stark hervorgehoben

<VAR></VAR>

Variablenname
   

Physikalische Formatierungen

  

<B></B>

Fettschrift

<I></I>

Kursivschrift

<U></U>

unterstrichen

<TT></TT>

nicht-proportionale Schrift

Liste für Definitionen

  

<D1></D1>

schliesst die Liste für Definitionen ein

(das Attribut "Compact" spart Platz)

<DT>

Begriff, der definiert wird

<DD>

die Definition selbst
   

Ungeordnete Listen

  

<U1></U1>

schliesst die ungeordnete Liste ein

<LI>

die einzelnen Listenelemente
   

Geordnete Listen

  

<O1></O1>

schliesst die geordnete Liste ein

<LI>

die einzelnen Listenelemente
   

Interaktives Menüs

  

<MENU></MENU>

schliesst das Menü ein

<LI>

die einzelnen Menüpunkte
   

Verzeichnislisten

  

<DIR></DIR>

schliesst die Verzeichnisliste ein

<LI>

die einzelnen Elemente
   

Kommentare

  

<!- -Kommentar - - >

Kommentare für Dokumentationen

Diverse

  

<HR>

horizontale Linie

<BR>

Zeilenumbruch
   

Grafiken

  

<IMG SRC="URL">

fügt Grafik mit URL ein

<IMG SRC="URL"ALT="Text">

Text, der bei nicht-grafischen Browsern statt des Bildes angezeigt wird

<IMG SRC="URL"

ALIGN="TOP¦BOTTOM¦MIDDLE">

  
   

Tabellen

  

<TABLE BORDER></TABLE>

eine Tabelle mit Rand

<CAPTION></CAPTION>

die Tabelle-Überschrift

<TR></TR>

eine Zeile

<TH COLSPAN="C"

ROWSPAN="R"></TH>

Kopzeile über C Spalten und R Zeilen

<TD COLSPAN="C"

ROWSPAN="R"></TD>

Datenzeile über C Spalten und R Zeilen