Listy HTML

HTML 支持有序、无序和定义列表

实例

无序列表
本例演示无序列表。
排序后的列表
本例演示有序列表。

（更多实例可以在页面底部找到。）

无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表从 <ul> 标签开始。每个列表项从 <li> 开始。

<ul>
<li>Kawa</li>
<li>Mleko</li>
</ul>

Przeglądarka wyświetla następująco:

  • Kawa
  • Mleko

Wewnętrzne elementy listy mogą zawierać akapity, znaki nowej linii, obrazy, linki oraz inne listy itp.

排序后的列表

Także, uporządkowana lista jest listą projektów, a projekty są oznaczone liczbami.

Uporządkowana lista zaczyna się od etykiety <ol>. Każdy element listy zaczyna się od etykiety <li>.

<ol>
<li>Kawa</li>
<li>Mleko</li>
</ol>

Przeglądarka wyświetla następująco:

  1. Kawa
  2. Mleko

Wewnętrzne elementy listy mogą zawierać akapity, znaki nowej linii, obrazy, linki oraz inne listy itp.

Lista definicji

Lista użytkownika nie jest tylko listą projektów, ale kombinacją projektów i ich komentarzy.

Początek listy użytkownika自定义列表 z etykietą <dl>. Każdy element listy użytkownika zaczyna się od <dt>. Każda definicja elementu listy użytkownika zaczyna się od <dd>.

<dl>
<dt>Kawa</dt>
<dd>Czarny gorący napój</dd>
<dt>Mleko</dt>
<dd>Biały chłodny napój</dd>
</dl>

Przeglądarka wyświetla następująco:

Kawa
Czarny gorący napój
Mleko
Biały chłodny napój

Elementy listy definicji mogą zawierać akapity, znaki nowej linii, obrazy, linki oraz inne listy itp.

Więcej przykładów

Różne typy nieuporządkowanych list
Ten przykład pokazuje listę nieuporządkowaną.
Różne typy uporządkowanych list
Ten przykład pokazuje różne typy uporządkowanych list.
Wcięcie listy
Ten przykład pokazuje, jak wcięć listy.
Wcięcie listy 2
Ten przykład pokazuje bardziej złożone wcięcia list.
Lista definicji
Ten przykład pokazuje listę definicji.

Listy etykiet

Etiqueta Opis
<ol> Definiuj uporządkowaną listę.
<ul> Definiuj nieuporządkowaną listę.
<li> Definiuj element listy definicji.
<dl> Definiuj listę definicji.
<dt> Definiuj projekt definicji.
<dd> Definiuj opis definicji.
<dir> Przestarzałe. Używaj <ul> zamiast tego.
<menu> Przestarzałe. Używaj <ul> zamiast tego.