Listen


Verwendung von Listen

Listen werden im allgemeinen für Aufzählungen und Auswahlmöglichkeiten verwendet. HTML unterstützt Listen mit eigenen Befehlen. Folgende Listen-Typen sind dabei möglich:

Nummerierte Listen

Nummerierte Listen werden in HTMl mit dem Tag <ol> eingeleitet und mit </ol> abgeschlossen. Die einzelnen Listeneinträge bekommen ein <li> vorangestellt (dies gilt auch für die übrigen Listentypen).
Beispiel
<ol>
 <li> Eintrag Nr.1
 <li> Eintrag Nr.2
 <li> Eintrag Nr.3
</ol>
Dargestellt wird es so...
  1. Eintrag Nr.1
  2. Eintrag Nr.2
  3. Eintrag Nr.3
Innerhalb einer Listenumgebung kann man auch eine weitere Liste einbauen - das entsprechende Einrücken übernimmt der Browser. Man sollte nur darauf achten, die Listendefinition korrekt zu beenden.
Beispiel
<ol>
 <li> Eintrag der ersten Liste
 <ol>
  <li> Eintrag der zweiten Liste
 </ol>
 <li> Ein weiterer Eintrag der ersten Liste
</ol>
Dargestellt wird es so...
  1. Eintrag der ersten Liste
    1. Eintrag der zweiten Liste
  2. Ein weiterer Eintrag der ersten Liste
Wie man bei diesen Beispiel sieht, beherrscht HTML keine Unternummerierung. Ist eine eine solche erforderlich, sollte man zur Unsortierten Liste greifen und die Unternummerierungen selber vornehmen.

Alphabetisch sortierte Listen

Dieser Listentyp wird nicht von CAB 1.5 unterstützt, bzw. falsch angezeigt.
Alphabetisch sortierte Listen entsprechen im Prinzip den nummerierten Listen, nur das statten Zahlen Buchstaben verwendet werden. HTML erlaubt es, entweder Groß- oder Kleinbuchstaben zu verwenden. Als Sonderfall kann man auch römische Zahlen verwenden.
Eine Liste, die mit A., B., C. usw. nummeriert werden soll, wird mit <ol type=A> begonnen.
Eine Liste, die mit a., b., c. usw. nummeriert werden soll, wird mit <ol type=a> begonnen.
Dies ist einer der wenigen Fälle, bei denen es auf Groß-/Kleinschreibung ankommtm also achten Sie darauf, ob Sie type=A oder type=a schreiben!
Eine Liste, deren Einträge mit römischen Ziffern (I., II., III., IV. usw.) nummeriert werden soll, wird mit <ol type=I> begonnen.
Entsprechend verfährt man, wenn die römischen Ziffern kleingeschrieben werden sollen: <ol type=i>
Beispiele
<ol type=A>
<li>CAB
<li>WebSpace
</ol>
  1. CAB
  2. WebSpace

Unsortierte Listen

Unsortierte Listen werden nicht nummeriert: Es bleibt also dem Benutzer überlassen, ob er eine Nummerierung selber vornehmen will. Unsortierte Listen werden anders eingeleitet: <UL> (Unsorted List). Entsprechend werden sie auch mit </UL> beendet. Den einzelnen Listenelementen wird wie gehabt ein <li> vorangestellt.
Beispiel
<ul>
<li>CAB
<li>WebSpace
</ul>

Den einzelnen Listenpunkten läßt sich auch ein sogenannter Bullet voranstellen. Der Bullet kann ein Kreis, ein Rechteck oder eine andere Figur sein - letztendlich hängt es vom Browser ab. Trotzdem kann man zumindest das ungefähre Aussehen angeben:
<ul type=circle> definiert ein rundes Symbol als Bullet.
<ul type=disc> definiert ein Dateisymbol als Bullet.
<ul type=square> ergibt ein Rechteck als Bullet.
Wie bereits gesagt, sieht das je nach Browser ganz anders aus. Netscape stellt je nach eingestellter Schriftart statt einem Dateisymbol einen Kreis dar.
Beispiel
QuelltextAusgabe im Browser
<ul type=circle>
<li>CAB
<li>WebSpace
</ul>
  • CAB
  • WebSpace
<ul type=disc>
<li>CAB
<li>WebSpace
</ul>
  • CAB
  • WebSpace
<ul type=square>
<li>CAB
<li>WebSpace
</ul>
  • CAB
  • WebSpace

Nächstes Kapitel: Grafiken in HTML-Dateien einbinden.
Start * Das WWW * Inhalt