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

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Bausteinen (Codeschnipsel) aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<blockquote> Block-Zitat

CSS - Hintergrundbild mit Zoom Funktion

PHP - Zeichenkette nach Tabulator trennen

JavaScript - CountDown (2)

MySQL - Datensätze (Gehalt) zwischen 2000 und 3000 anzeigen