Lycos: Einführung in das Internet

Tripod-HTML-Kurs (2)

Tripod-HTML-Kurs (1): Listen

Mit Hilfe einer Liste können Sie z.B. Ihre beliebtesten Links übersichtlich darstellen. Es gibt verschiedene Arten von Listen. Die geordneten Listen in denen jeder Listenpunkt durchnumeriert wird oder mit einem Buchstaben versehen wird und die ungeordneten Listen, bei denen am Anfang jedes Listenpunkts ein Symbol, z.B. ein Punkt steht. Außerdem können noch Definitions-Listen erstellt werden.

1. Ungeordnete Listen

Eine ungeordnete Liste wird eingeleitet durch ein <ul>, abgeschlossen durch ein </ul>. "ul" kommt von dem englischen Begriff "unordered list". Die Auflistung der Listenpunkte erfolgt mit <li>. Das abschließende </li>-Tag kann auch weggelassen werden. SGML sieht jedoch ein </li>-Tag vor.

<ul>
<li> Birne</li>
<li> Apfel</li>
<li> Traube</li>
</ul>

Binden Sie diesen Code in die Beispiel-Homepage ein. Es ergibt sich:

• Birne
• Apfel
• Traube

Möchten Sie andere Symbole für die Aufzählung verwenden, geht dies folgendermaßen: Mit "type" kann im <ul>-Tag der Typ Symbol festgelegt werden: type="circle" ergibt einen Kreis, type="square" ergibt ein Rechteck.

<ul type="square">
<li> Birne</li>
<li> Apfel</li>
<li> Traube</li>
</ul>

Damit sieht die Liste so aus:

• Birne
• Apfel
• Traube

Für Ihre Homepage

Mit Hilfe von Listen können Sie eine Linkliste auf Ihrer Homepage übersichtlich darstellen.

<ul type="square">
<li> <a href="http://...">Musik</a>
<li> <a href="http://...">Filme</a>
<li> <a href="http://...">Sport</a>
</ul>

ergibt:

• Musik
• Filme
• Sport

Für die "..." setzen Sie Ihre Lieblingsadressen sein. Wenn Sie Ihre Listen numerieren möchten, benutzen Sie dazu eine "ordered list".

Geordnet, Ungeordnet, Definitionssache?

2. Numerierte, geordnete Listen

Möchten Sie die Listenpunkte numerieren, so können Sie dies mit einer ordered list ("ol") bewerkstelligen.

<ol>
<li>Europa</li>
<li>Deutschland</li>
<li>Berlin</li>
</ol>

ergibt bei Einbettung in unseren Beispiel-HTML-Code eine Aufzählung der Art:

1. Europa
2. Deutschland
3. Berlin

• Großbuchstaben: type ="A" (A, B, C, .....)
• Kleinbuchstaben: type ="a" (a, b, c, ....)
• großen römischen Zahlen: type ="I" (I, II, III, IV, ....)
• kleinen römischen Zahlen: type ="i" (i, ii, iii, iv, ....)

dl, dt, li, ol, ...

3. Definitionsliste

In Definitionslisten können Ausdrücke durch eingerückte Erklärungen übersichtlich dargestellt werden.

Eine Definitionsliste wird eingeleitet durch <dl> von "definition list", abgeschlossen durch </dl>. Der Ausdruck, der erkläart werden soll steht in <dt>....</dt>, die erklärung steht in <dd>...</dd> (dt: definition term; dd: definition definition).

<dl>
    <dt>Europa
    <dd>ein Kontinent
   <dt>Deutschland
    <dd>ein Staat
   <dt>Berlin
    <dd>eine Stadt
</dl>

ergibt:

Europa

ein Kontinent

Deutschland

ein Staat

Berlin

eine Stadt