Ejemplo
Una lista HTML no ordenada:
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Inténtalo tú mismo " Más "hacerlo por uno mismo" ejemplos a continuación.
Definición y Uso
La <ul> etiqueta define una lista desordenada (viñetas).
Utilice el <ul> etiqueta junto con el <li> etiqueta para crear listas desordenadas.
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <ul> | Sí | Sí | Sí | Sí | Sí |
Notas y sugerencias
Consejo: Usar CSS para Estilo listas.
Consejo: Para crear listas ordenadas, utilice el <ol> etiqueta.
Diferencias entre HTML 4.01 y HTML5
Los atributos y "compactos", "tipo" no son compatibles con HTML5.
atributos
| Atributo | Valor | Descripción |
|---|---|---|
| compact | compact | No se admite en HTML5. Especifica que la lista debería mostrar más pequeño de lo normal |
| type | disc square circle | No se admite en HTML5. Especifica el tipo de marcador que se utilizará en la lista |
Los atributos globales
La <ul> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <ul> etiqueta también es compatible con la atributos de eventos en HTML .
Inténtelo usted mismo - Ejemplos
Una lista anidada
Una lista dentro de una lista.
Otra lista anidada
Una lista anidada más complicado.
Páginas relacionadas
Tutorial de HTML: Las listas HTML
Referencia HTML DOM: Ul Objeto
CSS Tutorial: Estilos de listas
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <ul> elemento con los siguientes valores predeterminados:
Ejemplo
ul {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1 em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
} Inténtalo tú mismo "