HTML <ul> Tag

Das HTML <ul> Tag (unsortierte Liste) und das HTML <li> Tag (der Listeneintrag) mit Blick auf den Einsatzbereich in HTML und der Formatierung in CSS.

Das HTML <ul> Tag leitet eine ungeordnete Liste ein und wird am Ende mit dem HTML </ul> Tag wieder geschlossen. Einzelne Einträge in einer Liste erstellt man mit dem HTML <li> Tag und schließt es mit dem HTML </li> Tag.

1.Beispiel HTML Code:

<ul>
<li> Eintrag </li>
<li> Eintrag </li>
<li> Eintrag </li>
</ul>

Das Ganze sieht dann wie folgt aus:

Eintrag
Eintrag
Eintrag

Das HTML <li> Tag, also der einzelne Listeneintrag wird standardmäßig mit einem Punkt vor dem Eintrag dargestellt. Für das HTML <ul> Tag ist festgelegt das die Listeneinträge nach rechts eingerückt werden. Form, Farbe, Position usw. der Liste sowie auch des Listeneintrags kann man mit Hilfe von CSS formatieren.

2. Beispiele mit CSS Formatierungen:

#eins li {
list-style-type: square;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
margin: 0 0 0 50px;
color: #069;}

Das sieht dann so aus:

Eintrag
Eintrag
Eintrag