Tag <ul>

Definizione

Il tag <ul> in HTML è usato per la creazione di liste non ordinate.

Per il corretto funzionamento degli elenchi, vanno aggiunte le singole voci con <li>, cioè i punti della lista. La lista creata con <ul> presenta le voci elencate con un pallino nero o sfera (vedi l'esempio).

<ul> è molto simile ad un altro tag HTML <ol>, hanno il medesimo funzionamento ma quest'ultimo è dedicato alle liste ordinate (numerate).

Le liste devono essere inserite tra il tag <body> e </body> del documento HTML.

Esempio:

Cose da fare:

Fare la spesa
Riordinare la cantina
Tagliare il prato

<ul>

tag HTML

Usato per la creazione di liste non ordinate.

Posizione:	<body>
Tag di chiusura:	Sì
Voci correlate:	<li>
Alternative:	<ol>

Esempio

<p>Cose da fare:</p> <ul> <li>Fare la spesa</li> <li>Riordinare la cantina</li> <li>Tagliare il prato</li> </ul>

Attributi

Il tag <ul> possiede regole di stile CSS predefinite. L'attributo CSS più importante è "list-style-type" che consente di modificare lo stile dei punti:

list-style-type:	disc (predefinito)
	circle
	square
	none

Esempio inline CSS:

<ul style="list-style-type:square;">
<li>Punto 1</li>
<li>Punto 2</li>
<li>Punto 3</li>
</ul>

Compatibilità

Tutti i moderni browser supportano questo elemento.

Approfondimento

In HTML si possono creare anche delle sottoliste. Basta inserire un nuovo tag di apertura <ul> (o <ol>) in un altro.