ELENCHI PUNTATI IN HTML

Gli elenchi puntati servono a organizzare le informazioni in elenchi. Gli elementi di una lista sono preceduti da simboli, che si chiamano punti elenco. I punti elenco servono a rendere il testo più leggibile e strutturato.

Esempi di loro utilizzo possono essere: Elenco di compiti da fare, Elenco di ingredienti per una ricetta, Elenco di punti chiave di un discorso, Elenco di vantaggi di un prodotto.

Dal punto di vista della scrittura web, hanno molta rilevanza perchè rendono più fruibile la pagina e migliorano il posizionamento del sito web, poichè le parole in elenco sono ritenute parole chiave dal bot del motore di ricerca.

Il tag HTML utilizzato per realizzare un punto elenco è UL. Al suo interno andremo a inserire gli elementi della lista utilizzando il tag LI.

Se per esempio volessi realizzare un elenco delle 5 province del Lazio, come questo:

• Roma
• Rieti
• Latina
• Frosinone
• Viterbo

il codice HTML da realizzare sarebbe:

<UL>

<li> Roma</li>

<li> Rieti</li>

<li> Latina</li>

<li> Frosinone</li>

<li> Viterbo</li>

</UL>

Per inserire lo stile, che vi ricordo va inserito nel tag STYLE all’interno dell’HEAD, possiamo utilizzare come contenitore il tag li e scegliere il tipo di punto da visualizzare. Di default, verrà visualizzato un pallino pieno, ma è possibile eliminarlo, inserire un pallino vuoto o un quadratino.

Le regole da utilizzare sono:

li{list-style-type:circle} //inserisco un pallino vuoto

li{list-style-type:square} //inserisco un quadratino

li{list-style-type:disc} //inserisco un pallino pieno, è così di default

li{list-style-type:none} //tolgo il simbolo