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:
Voci correlate:
Alternative:

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.




Vai all'editor