Latest web development tutorials

HTML-Liste

HTML unterstützt unsortierte und Definitionsliste geordnet:

HTML-Liste

有序列表

  1. 第一个列表项
  2. 第二个列表项
  3. 第三个列表项

无序列表

  • 列表项
  • 列表项
  • 列表项

Beispiele

Online Beispiele

Ungeordnete Liste
Dieses Beispiel zeigt eine ungeordnete Liste.

Sortierte Liste
Dieses Beispiel zeigt eine geordnete Liste.

(Sie können mehr Beispiele am Ende dieser Seite zu finden.)


HTML ungeordnete Liste

Ungeordnete Liste eine Liste der Elemente ist, werden die Liste der Elemente in fetten Punkte (in der Regel kleine schwarze Kreise) markiert.

Ungeordnete Liste mit dem Tag <ul>

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

Der Browser zeigt die folgende:

  • Kaffee
  • Milch

HTML Sortierte Liste

In ähnlicher Weise ist eine geordnete Liste ein Projekt, eine Liste von Projekten gekennzeichnet mit digital. Eine geordnete Liste beginnt mit <ol> -Tag. Jeder Listeneintrag beginnt mit <li> Tag.

Listenelemente unter Verwendung von Artikelnummern zu markieren.

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

Der Browser zeigt die folgende:

  1. Kaffee
  2. Milch

HTML Benutzerdefinierte Liste

Benutzerdefinierte Liste ist nicht nur ein Projekt, sondern eine Kombination von Projekt und seine Kommentare.

Benutzerdefinierte Liste beginnt mit <dl> -Tag. Jede benutzerdefinierte Listenelement <dt> beginnt. Jede speziell definierte Listenelemente <dd> beginnt.

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

Der Browser zeigt die folgende:

Kaffee
- Schwarz heißes Getränk
Milch
- White kaltes Getränk

Hinweise - Praktische Tipps

Tipp: Sie können die Listenelemente innerhalb von Absätzen verwenden, Zeilenumbrüche, Bilder, Links und anderen Listen, usw.


Beispiele

Weitere Beispiele

Eine geordnete Liste von verschiedenen Arten von
Dieses Beispiel zeigt eine geordnete Liste von verschiedenen Typen.

Verschiedene Arten von ungeordneten Liste
Ungeordnete Liste Dieses Beispiel zeigt verschiedene Typen.

Verschachtelte Liste
Dieses Beispiel zeigt, wie verschachtelte Liste.

Verschachtelte Liste 2
Dieses Beispiel zeigt eine kompliziertere verschachtelte Liste.

Benutzerdefinierte Liste
Dieses Beispiel zeigt eine Definitionsliste.


HTML-Tags Liste

标签 描述
<ol> 定义有序列表
<ul> 定义无序列表
<li> 定义列表项
<dl> 定义定义列表
<dt> 自定义列表项目
<dd> 定义自定列表项的描述