Gli elenchi puntati sono anche detti, in informatica, liste non numerate. Vengono utilizzate ad esempio per inserire delle note che contengono informazioni utili ad un utente.
Come inserire una lista non numerata
Per creare una lista non numerata si utilizza il tag <ul> per racchiudere l’elenco e per i singoli punti si utilizza <li>.
<h3>Se non arriva la mail, controlla che:</h3>
<ul>
<li>Il computer sia connesso a internet</li>
<li>Hai inserito un indirizzo mail corretto</li>
<li>La mail non sia nella cartella spam;</li>
</ul>
Tipi di liste non numerate
Esistono diversi tipi di liste non numerate. Puoi cambiare la figura che si trova accanto ad ogni punto: nel tag <ul> puoi inserire l’attributo CSS list-style-type:valore per specificare il tipo di forma. Questo attributo CSS è da inserire all’interno di style="valore".
Il tipo “disc” (standard)
Inserendo list-style-type:disc, l’elenco avrà i pallini neri.
<h3>Se non arriva la mail, controlla che:</h3>
<ul style="list-style-type:disc">
<li>Il computer sia connesso a internet</li>
<li>Hai inserito un indirizzo mail corretto</li>
<li>La mail non sia nella cartella spam;</li>
</ul>
Il tipo “circle”
Inserendo list-style-type:circle, l’elenco avrà i pallini neri e bianchi all’interno.
<h3>Se non arriva la mail, controlla che:</h3>
<ul style="list-style-type:circle">
<li>Il computer sia connesso a internet</li>
<li>Hai inserito un indirizzo mail corretto</li>
<li>La mail non sia nella cartella spam;</li>
</ul>
Il tipo “square”
Inserendo list-style-type:square, l’elenco avrà i quadrati neri.
<h3>Se non arriva la mail, controlla che:</h3>
<ul style="list-style-type:square">
<li>Il computer sia connesso a internet</li>
<li>Hai inserito un indirizzo mail corretto</li>
<li>La mail non sia nella cartella spam;</li>
</ul>
Il tipo “none”
Inserendo list-style-type:none, la lista non avrà nessun tipo di elenco.
<h3>Se non arriva la mail, controlla che:</h3>
<ul style="list-style-type:none">
<li>Il computer sia connesso a internet</li>
<li>Hai inserito un indirizzo mail corretto</li>
<li>La mail non sia nella cartella spam;</li>
</ul>
| Prossima lezione |