Neueste Web-Entwicklung Tutorials
 

HTML <ul> Tag


Beispiel

Eine ungeordnete HTML-Liste:

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
Versuch es selber "

Mehr "Versuchen Sie es selbst" Beispiele unten.


Definition und Verwendung

Das <ul> Tag definiert eine ungeordnete (Aufzählungszeichen) Liste.

Verwenden Sie das <ul> -Tag zusammen mit dem <li> Tag ungeordnete Listen erstellen.


Browser-Unterstützung

Element
<ul> ja ja ja ja ja

Tipps und Hinweise

Tipp: Verwenden Sie CSS - Listen , um Stil.

Tipp: Um geordnete Listen erstellen, verwenden Sie die <ol> -Tag.


Unterschiede zwischen HTML 4.01 und HTML5

Die "compact" und "Typ" Attribute nicht in HTML5 unterstützt.


Attribute

Attribut Wert Beschreibung
compact compact Nicht in HTML5 unterstützt.
Gibt an, dass die Liste kleiner als normal machen sollte
type disc
square
circle
Nicht in HTML5 unterstützt.
Gibt die Art der Markierung in der Liste zu verwenden

globale Attribute

Das <ul> Tag unterstützt auch den Global in HTML - Attribute .


Event-Attribute

Das <ul> Tag unterstützt auch der Veranstaltung in HTML - Attribute .


Probieren Sie es selbst - Beispiele

Eine verschachtelte Liste
Eine Liste innerhalb einer Liste.

Eine weitere verschachtelte Liste
Eine kompliziertere verschachtelte Liste.


Verwandte Seiten

HTML - Tutorial: HTML - Listen

HTML - DOM - Referenz: Ul - Objekt

CSS Tutorial: Styling - Listen


Standard CSS-Einstellungen

Die meisten Browser erscheint auf dem Display <ul> mit den folgenden Standardwerte Element:

Beispiel

ul {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}
Versuch es selber "