In HTML un elemento di particolare interesse sono gli elenchi numerati e puntati che generiamo tramite i tag ol – ul – li.

Vediamo un esempio pratico nel seguente codice:

<!DOCTYPE html>
<html>
 
<head>
<title>Titolo del documento</title>
</head>
 
<body>

<p>Elenco ordinato</p>
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<p>Elenco puntato</p>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

</body>
 
</html>

L’effetto finale qui sotto:

Elenco ordinato

  1. Coffee
  2. Tea
  3. Milk

Elenco puntato

  • Coffee
  • Tea
  • Milk

Analizzando la sintassi avremo:
ol= elenco ordinato – ordered list
ul= elenco puntato – unordered list
li= la singola voce di elenco – list

Il mio sito ufficiale>