Une liste à puces se crée à l'aide de la balise <ul> et se termine par </ul>.

Les éléments d'une liste sont introduits par la balise <li>.

exemple

 
<ul>
  <li>élément 1
  <li>élément 2
  <li>élément 3
</ul>
 

donne

• élément 1
• élément 2
• élément 3

type de puces

Le type de puces d'une liste est personnalisable à travers l'attribut type de la balise <ul>.

 
 
<ul type="type de puce">
</ul>
 

Les valeurs possibles sont :

• disc : puces noires et plaines
• square : carrés noirs
• circle : cercles vides

disque

 
<ul type="disc">
  <li>élément 1
  <li>élément 2
  <li>élément 3
</ul>
 

donne

• élément 1
• élément 2
• élément 3

carré

 
<ul type="square">
  <li>élément 1
  <li>élément 2
  <li>élément 3
</ul>
 

donne

• élément 1
• élément 2
• élément 3

cercle

 
<ul type="circle">
  <li>élément 1
  <li>élément 2
  <li>élément 3
</ul>
 

donne

• élément 1
• élément 2
• élément 3