Manual de referencia HTML

Completo de etiquetas HTML

HTML: <ul> etiqueta

La etiqueta <ul> en el documento HTML define una lista desordenada. Este etiquetado también se conoce comúnmente como el elemento <ul>.

Ejemplo en línea

Lista desordenada HTML ul:

Ejemplo

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Uso del etiquetado HTML ul (Tutorial básico de la red w3(codebox.com)</title>
</head>
<body>
<ul>
　　<li>First item</li>
　　<li>Second item</li>
　　<li>Third item</li>
　　<li>Fourth item</li>
</ul>
</body>
</html>

Prueba y mira ‹/›

En este HTML5En el ejemplo de documento, hemos utilizado la etiqueta <ul> para crear una lista desordenada que contiene cuatro elementos de lista encontrados en cuatro etiquetas <li>.

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la etiqueta <ul>.

Definición y explicación de uso de las etiquetas

La etiqueta <ul> define una lista desordenada.

Asociar la etiqueta <ul> con <li> Las etiquetas se utilizan juntas para crear una lista desordenada.

El etiquetado <ul> se compone de etiquetas <li>.

Cuando los elementos de la lista no tienen un orden numérico, utilice la etiqueta <ul>.

Puede anidar listas <ol>, <ul> y <menu>.

Consejos y Notas

Consejo:Usar CSS para definir el estilo de la lista.

Consejo:Usar<ol> etiqueta para crear listas ordenadas.

HTML 4.01 Con HTML5diferencias

En HTML 4.01 En HTML, los atributos "compact" y "type" han sido abandonados.5 Entonces no se admiten estos dos atributos.

Atributo

Atributo	Valor	Descripción
compact	compact	HTML5 No soportado. HTML 4.01 Abandonado. Especificar que el efecto de presentación de la lista es más pequeño que el normal.
type	disc cuadrado círculo	HTML5 No soportado. HTML 4.01 Abandonado. Especificar el tipo de marcador de lista del ítem de la lista.

Atributos globales

Soportado por <ul> etiqueta Atributos globales HTML.

Atributos de eventos

Soportado por <ul> etiqueta Atributos de eventos HTML.

Pruebe el ejemplo en línea

Diferentes tipos de listas no ordenadas
Listas de tipo no ordenado diferentes

Lista anidada
Este ejemplo muestra cómo anidar listas.

Lista anidada 2
Este ejemplo muestra una lista anidada más compleja.

Lista personalizada
Este ejemplo muestra una lista definida.