HTML-Dateien selbst erstellen
Dokumentation: HTML
Absatztypen und Textgestaltung

HTML2 Aufzählungslisten (Bullet-Listen)


 Aufzählungslisten definieren
 Bullet-Typ festlegen
 Liste kompakt darstellen
 Menü-Listen


HTML2.0 Aufzählungslisten definieren

Beispiel
Anzeigebeispiel: So sieht's aus

Aufzählungslisten sind z.B. von Bedeutung, um Produkteigenschaften oder Argumente für eine These übersichtlich darzustellen. Bei einer numerierten Liste werden alle Listeneinträge mit einem Aufzählungszeichen (Bullet) versehen.

Beispiel:

<ul>
<li>Listeneintrag</li>
<li>anderer Listeneintrag</li>
<li>letzter Listeneintrag</li>
</ul>

Erläuterung:

<ul> leitet eine Aufzählungsliste ein (ul = unordered list = unsortierte Liste). Mit <li> beginnt ein neuer Punkt innerhalb der Liste (li = list item = Listeneintrag). Das End-Tag </li> am Ende eines Listeneintrags ist nicht zwingend erforderlich, im Sinne SGML-konformer Kodierung jedoch sauberer. </ul> beendet die Liste.

Beachten Sie:

Wie das Bullet dargestellt wird, bestimmt der WWW-Browser. Mosaic verwendet z.B. ein eigenes grafisches Bullet-Symbol. Netscape verwendet Bullet-Symbole, die im Zeichensatz der vom Anwender eingestellten Schriftart vorkommen.

Das Verschachteln von Aufzählungslisten ist ebenfalls möglich.

Netscape1.1 Bullet-Typ festlegen

Beispiel
Anzeigebeispiel: So sieht's aus

Netscape erlaubt es auch, einen Bullet-Typ zu bestimmen. Ob und wie der Bullet-Typ am Bildschirm angezeigt wird, hängt jedoch letztlich vom Zeichensatz der Schriftart ab, die der Anwender eingestellt hat.

Beispiel:

<ul type=circle>
<li>...
</ul>
  
<ul type=square>
<li>...
</ul>
  
<ul type=disc>
<li>...
</ul>

Erläuterung:

Mit <ul type=circle> bestimmen Sie ein rundes Bullet (circle = Kreis).
Mit <ul type=square> bestimmen Sie ein eckiges Bullet (sqare = Rechteck).
Mit <ul type=disc> bestimmen Sie ein Dateisymbol als Bullet (disc = Datenträger wie Disketten oder Festplatten).

HTML3.2 Liste kompakt darstellen

Beispiel
Anzeigebeispiel: So sieht's aus

Sie können angeben, daß die Liste in einer kompakteren Darstellungsform als normaler Text angezeigt wird.

Beispiel:

<ul compact>
<li>Listeneintrag
<li>Listeneintrag
<li>Listeneintrag
</ul>

Erläuterung:

Mit der Zusatzangabe compact innerhalb des einleitenden Tags von <ul> können Sie die kompaktere Darstellung bestimmen.

Beachten Sie:

WWW-Browser ignorieren diese Angabe in der Regel noch.

HTML2.0 Menü-Listen

Beispiel
Anzeigebeispiel: So sieht's aus

Menü-Listen werden in der Praxis kaum verwendet und tauchen im gegenwärtigen HTML-Standard 3.2 nicht mehr auf. Sie werden von den heutigen Browsern entweder nicht mehr oder nicht anders dargestellt als gewöhnliche Aufzählungslisten. Dennoch könnte dieser Befehl für künftige Anwendungsbereiche von HTML wieder an Bedeutung gewinnen.

Beispiel:

<menu>
<li>Listeneintrag
<li>Listeneintrag
<li>Listeneintrag
</menu>

Erläuterung:

<menu> leitet eine Menü-Liste ein. Mit <li> beginnt ein neuer Punkt innerhalb der Liste (li = list item = Listeneintrag). Das End-Tag </li> am Ende eines Listeneintrags ist nicht zwingend erforderlich, im Sinne SGML-konformer Kodierung jedoch sauberer. </menu> beendet die Menü-Liste.

Beachten Sie:

Menü-Listen dürfen - im Gegensatz zu Aufzählungslisten - keine absatzerzeugenden Elemente im Menütext enthalten. Sie sind nur für zeilenartige Listen gedacht.

Im einleitenden <menu>-Tag sind weitere Angaben möglich. So können Sie mit align= die Ausrichtung der Liste bestimmen. Das funktioniert genau so wie beispielsweise beim  Ausrichten von Überschriften.
Mit der Angabe compact können Sie eine kompaktere Darstellung der Menü-Liste erzwingen.


Blättern:
Numerierte Listen     Definitionslisten

HTML-Dateien selbst erstellen
Dokumentation: HTML
Absatztypen und Textgestaltung

© 1997  Stefan Münz, muenz@compuserve.com