HTML - Element: <ul>

Eine Aufzählungsliste definieren Sie mit den Tags <ul> und <li> (ul = unordered list = ungeordnete Liste).
Siehe auch Nummerierte Liste <ol> und Definitionsliste <dl>.

<!DOCTYPE html>
<html>
<head>
 <title>Aufzählungsliste</title>
</head>
<body>

<h1>Aufzählungsliste</h1>

<ul>
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
</ul>

</body>
</html>

Beispiel anzeigen

Mit CSS können Sie bestimmen wie das Bullet-Zeichen dargestellt wird.

<!DOCTYPE html>
<html>
<head>
 <title>Aufzählungsliste Bullet-Zeichen bestimmen</title>
</head>
<body>

<h1>Aufzählungsliste Bullet-Zeichen bestimmen</h1>

<ul style="list-style-type: disc">
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
</ul>

<ul style="list-style-type: circle">
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
</ul>

<ul style="list-style-type: square">
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
</ul>

<ul style="list-style-image: url(bullet.gif)">
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
</ul>

</body>
</html>

Beispiel anzeigen