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.

<br> Zeilenumbruch

CSS - Bevorzugtes Farbschema darstellen (Hell.- / Dunkelmodus für Webseiten)

PHP - Abrunden auf x Nachkommastellen

JavaScript - Bei der Eingabe eines Datums die Punkte automatisch hinzufügen

MySQL - Das Alter von Personen ermitteln

Datei-Download
Auf vielen Webseiten werden Programme und so weiter als Download angeboten, leider ohne irgendeinen Hinweis auf die Dateigröße. Geben Sie deshalb die Größe des Datei-Downloads immer an. So kann der Benutzer schon im Vorfeld die ungefähre Downloadzeit einschätzen. Außerdem sollten Sie auf eine eindeutige Bezeichnung des Downloads achten.