Latest web development tutorials

Lista HTML

HTML suporta ordenou, lista desordenada e definição:

Lista HTML

有序列表

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

无序列表

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

Exemplos

exemplos on-line

lista não ordenada
Este exemplo demonstra uma lista desordenada.

Lista ordenada
Este exemplo demonstra uma lista ordenada.

(Você pode encontrar mais exemplos no final desta página.)


HTML lista não ordenada

Lista não ordenada é uma lista de itens, a lista de itens em pontos em negrito (tipicamente pequenos círculos pretos) estão marcadas.

Lista não ordenada usando a tag <ul>

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

O navegador exibe o seguinte:

  • café
  • leite

Lista Ordenada HTML

Da mesma forma, uma lista ordenada é um projeto, uma lista de projetos utilizando digitais rotulados. Uma lista ordenada começa com tag <ol>. Cada item da lista começa com tag <li>.

Os itens da lista usando números de itens para marcar.

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

O navegador exibe o seguinte:

  1. café
  2. leite

HTML lista personalizada

lista personalizada não é apenas um projeto, mas uma combinação de projeto e seus comentários.

lista personalizada começa com tag <dl>. Cada item da lista personalizada para <dt> inicia. Cada item da lista definida pelo personalizados para <dd> inicia.

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

O navegador exibe o seguinte:

café
- Bebida quente Preto
leite
- Bebida branca fria

Notas - Dicas Úteis

Dica: Você pode usar os itens da lista dentro de parágrafos, quebras de linha, imagens, links e outras listas, etc.


Exemplos

mais exemplos

Uma lista ordenada de diferentes tipos de
Este exemplo demonstra uma lista ordenada de diferentes tipos.

Diferentes tipos de lista não ordenada
Lista não ordenada Este exemplo demonstra tipos diferentes.

lista aninhada
Este exemplo demonstra como lista aninhada.

lista aninhada 2
Este exemplo demonstra uma lista aninhada mais complicado.

lista personalizada
Este exemplo demonstra uma lista de definições.


lista de tags HTML

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