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 Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<a> Verweis

CSS - Kalender Symbol neben dem Datepicker

PHP - Jahres-Auswahlliste

JavaScript - BBCode in einem Textarea einfügen

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

Eine Homepage macht Arbeit
„Eine Homepage macht Arbeit. Viele Homepages machen Arbeiter.“ Überlegen Sie Sich gut wie viel Zeit Sie in Ihre Homepage investieren wollen. Und ob es sich lohnt eine zweite oder dritte Homepage zu betreiben.