Latest web development tutorials

Lista HTML

HTML es compatible ordenó, lista desordenada y definición:

Lista HTML

有序列表

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

无序列表

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

Ejemplos

ejemplos en línea

lista desordenada
Este ejemplo muestra una lista desordenada.

Lista ordenada
Este ejemplo muestra una lista ordenada.

(Puede encontrar más ejemplos en la parte inferior de esta página.)


HTML lista desordenada

Lista desordenada es una lista de elementos, la lista de los artículos en los puntos en negrita (por lo general pequeños círculos negros) están marcados.

Lista desordenada mediante la etiqueta <ul>

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

El navegador muestra lo siguiente:

  • café
  • leche

HTML lista ordenada

Del mismo modo, una lista ordenada es un proyecto, una lista de proyectos que utilizan digital de la etiqueta. Una lista ordenada comienza con la etiqueta <ol>. Cada elemento de la lista comienza con la etiqueta <li>.

Lista de artículos que utilizan números de posición para marcar.

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

El navegador muestra lo siguiente:

  1. café
  2. leche

Lista personalizada HTML

Lista personalizada no es sólo un proyecto, sino una combinación de proyecto y sus comentarios.

Lista personalizada comienza con la etiqueta <dl>. Cada elemento de la lista personalizada a <dt> inicia. Cada lista de artículos personalizados definidos a <dd> da comienzo.

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

El navegador muestra lo siguiente:

café
- Bebida caliente Negro
leche
- Bebida fría blanca

Notas - Consejos útiles

Consejo: Puede utilizar los elementos de la lista dentro de los párrafos, saltos de línea, imágenes, enlaces y otras listas, etc.


Ejemplos

más ejemplos

Una lista ordenada de los diferentes tipos de
Este ejemplo muestra una lista ordenada de diferentes tipos.

Diferentes tipos de lista desordenada
Lista desordenada Este ejemplo demuestra diferentes tipos.

lista anidada
Este ejemplo demuestra cómo la lista anidada.

lista anidada 2
Este ejemplo muestra una lista anidada más complicado.

lista personalizada
Este ejemplo muestra una lista de definiciones.


lista de etiquetas HTML

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