<html>
<head>
<title>pagina prova</title>
</head>
<body>
<center>lista non ordinata</center>
<ul>
<li>cane</li>
<li>gatto</li>
<li>topo</li>
</ul>
<center>stile punto elenco disc</center>
<ol type="disc">
<li>cane</li>
<li>gatto</li>
<li>topo</li>
<li>vacca</li>
</ol>
<center>stile punto elenco circle</center>
<ol type="circle">
<li>cane</li>
<li>gatto</li>
<li>topo</li>
</ol>
<center>stile punto elenco square</center>
<ol type="square">
<li>cane</li>
<li>gatto</li>
<li>topo</li>
</ol>
<center>elenco ordinato</center>
<ol>
<li>cane</li>
<li>gatto</li>
<li>topo</li>
</ol>
<center>elenco ordinato usando start</center>
<ol start="10">
<li>cane</li>
<li>gatto</li>
<li>topo</li>
</ol>
<center>elenco ordinato usando value</center>
<ol>
<li value="11">cane</li>
<li value="15">gatto</li>
<li>topo</li>
</ol>
</body>
</html>
Liste HTML
In questo esercizio si può notare che sono stati usati i tag di formattazione per costruire delle liste. Ciò avviene se la lista non è ordinata: usiamo il tag <UL> e, per ogni punto della lista, utilizziamo il tag <LI>. Per una lista puntata si deve dare l'attributo type al tag <OL> con valore disc se si vuole fare i pallini, circle per i cerchi o square per i quadratini.