Latest web development tutorials

Lista HTML

HTML supporta ordinato, lista non ordinata e la definizione:

Lista HTML

有序列表

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

无序列表

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

Esempi

Esempi online

lista non ordinata
Questo esempio dimostra una lista non ordinata.

Elenco ordinato
Questo esempio mostra un elenco ordinato.

(Si possono trovare altri esempi in fondo a questa pagina).


HTML lista non ordinata

lista non ordinata è un elenco di elementi, l'elenco delle voci in punti in grassetto (in genere piccoli cerchi neri) sono contrassegnati.

Elenco non ordinato usando il tag <ul>

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

Il browser visualizza il seguente:

  • caffè
  • latte

HTML Elenco ordinato

Allo stesso modo, una lista ordinata è un progetto, un elenco di progetti che utilizzano digitale etichettati. Una lista ordinata comincia con tag <ol>. Ogni elemento della lista comincia con tag <li>.

Elenco articoli che utilizzano numeri di posizione per segnare.

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

Il browser visualizza il seguente:

  1. caffè
  2. latte

Elenco personalizzato HTML

Elenco personalizzato non è solo un progetto, ma una combinazione di progetto e le sue osservazioni.

Elenco personalizzato inizia con tag <dl>. Ogni elemento elenco personalizzato di <dt> inizia. Ogni lista elementi personalizzati definiti a <dd> inizia.

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

Il browser visualizza il seguente:

caffè
- Bevanda calda Nero
latte
- Bevanda bianco freddo

Note - Consigli utili

Suggerimento: è possibile utilizzare le voci di elenco all'interno dei paragrafi, interruzioni di riga, immagini, link e altre liste, ecc


Esempi

Altri esempi

Un elenco ordinato di diversi tipi di
Questo esempio mostra un elenco ordinato di diversi tipi.

Diversi tipi di lista non ordinata
lista non ordinata Questo esempio dimostra tipi diversi.

lista annidata
Questo esempio dimostra come lista annidata.

lista annidata 2
Questo esempio dimostra un più complicato lista annidata.

elenco personalizzato
Questo esempio dimostra una lista di definizioni.


Lista tag HTML

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