Ungeordnete Listen im HTML

HTML-Webseite und die Ungeordnete Listen

Ungeordnete Listen sind Listen, deren Elemente in beliebiger Reihenfolge erscheinen können. Ungeordnete Listen sehen in HTML genauso aus wie  geordnete Listen, abgesehen davon, dass die Liste durch die <ul> ... </ul>-Kennung anstelle von <ol> gekennzeichnet wird. Die einzelnen Einträge der Liste werden durch die <li>-Kennung unterteilt, genau wie in geordneten Listen, zum Beispiel so:

Browser formatieren ungeordnete Listen normalerweise mit einem dicken Punkt oder einer anderen symbolischen Markierung; Lynx verwendet das Sternchen (*, Asterisk).

Ungeordnete Listen sind Listen, bei denen die Listenpunkte mit einem dicken Punkt oder einer anderen symbolischen Markierung versehen sind.

Das folgende Beispiel zeigt eine ungeordnete Liste wie sie im Safari dargestellt wird (siehe Abbildung).

<p>
	Things I like to do in the morning:
</p>
<ul>
	<li>Drink a cup of coffee</li>
	<li>Watch the sunrise</li>
	<li>Listen to the birds sing</li>
	<li>Hear the wind rustling through the trees</li>
	<li>Curse the construction noises for spoiling the peaceful mood</li>
</ul>

Ungeordnete Listen im HTML

Anpassung ungeordneter Listen in HTML 3.2

Ungeordnete Listen können wie geordnete Listen mit HTML 3.2 Attributen (in HTML 4.0 verworfen) angepasst werden. Standardmäßig verwenden die meisten Browser dicke Punkte, um die einzelnen Einträge ungeordneter Listen zu kennzeichnen; Text-Browser, wie zum Beispiel Lynx, verwenden im Allgemeinen ein Sternchen.

Über das type-Attribut des <ul>-Tag können Sie einige Browser dazu veranlassen, andere Arten von Blickfangpunkten zu verwenden, um die Einträge zu kennzeichnen. Nach der HTML-3.2-Spezifikation kann das type-Attribut drei verschiedene Werte annehmen:

• "disc": Mit dieser Einstellung wird ein dicker, ausgefüllter Punkt (Scheibe) dargestellt. Dieser Wert stellt im Allgemeinen den Standard dar.
• "square": In diesem Fall wird statt des Punktes ein ausgefülltes Quadrat verwendet.
• "circle": Im Vergleich zum Wert "disc", bei dem die meisten Browser einen gefüllten Kreis anzeigen, sollte dieser Wert in entsprechenden Browsern einen nicht gefüllten Kreis erzeugen.

Im nachfolgenden Eingabe/Ausgabe-Beispiel sehen Sie einen Vergleich der drei Typen, wie sie im Safari dargestellt werden (siehe Abbildung).

<ul type="disc">
	<li>DAT – Digital Audio Tapes</li>
	<li>CD – Compact Discs</li>
	<li>Cassettes</li>
</ul>
<ul type="square">
	<li>DAT – Digital Audio Tapes</li>
	<li>CD – Compact Discs</li>
	<li>Cassettes</li>
</ul>
<ul type="circle">
	<li>DAT – Digital Audio Tapes</li>
	<li>CD – Compact Discs</li>
	<li>Cassettes</li>
</ul>

Ungeordnete Listen im HTML