English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Der HTML <ul>-Tag definiert in einem HTML-Dokument eine unsortierte Liste. Dieser Tag wird auch als <ul>-Element bezeichnet.
Unsortierte HTML-Liste: ul
!doctype html> <html> <head> <meta charset="UTF-8"> <title>Verwendung des HTML-ul-Tags (Grundlagen-Tutorial-Web w3(codebox.com)</title> </head> <body> <ul> <li>First item</li> <li>Second item</li> <li>Third item</li> <li>Fourth item</li> </ul> </body> </html>Testen Sie es heraus ‹/›
In diesem HTML5In der Dokumentbeispiel verwenden wir den <ul>-Tag, um eine unsortierte Liste zu erstellen, die aus vier Listenpunkten besteht, die in den vier <li>-Tags gefunden werden.
IEFirefoxOperaChromeSafari
Alle gängigen Browser unterstützen den <ul>-Tag。
Der <ul>-Tag definiert eine unsortierte Liste。
Verwenden Sie den <ul>-Tag zusammen mit <li> Tags werden gemeinsam verwendet, um eine unsortierte Liste zu erstellen。
Die <ul>-Tag wird von <li>-Tags组成。
Use <ul> tags when the list items do not have a numbered sequence.
You can nest <ol>, <ul>, and <menu> lists.
Tip:Use CSS to define the style of the list.
Tip:Use<ol> Create ordered lists with
The difference between 4.01 In HTML, the "compact" and "type" attributes are deprecated. HTML5 Then these two attributes are not supported.
| Attribute | Value | Description |
|---|---|---|
| compact | compact | HTML5 Not supported. HTML 4.01 Deprecated. Specify a list presentation effect that is more compact than the normal case. |
| type | disc square circle | HTML5 Not supported. HTML 4.01 Deprecated. Specify the type of bullet for list items. |
<ul> Tag Supports HTML Global Attributes.
<ul> Tag Supports HTML Event Attributes.
Different Types of Unordered Lists
This example demonstrates different types of unordered lists.
Nested Lists
This example demonstrates how to nest lists.
Nested Lists 2
This example demonstrates more complex nested lists.
Custom List
This example demonstrates a definition list.
HTML Tutorial:HTML List