För att skapa en punktlista, använd de oordnade listakoderna

och listobjekttaggar som visas i exemplet nedan.

• Exempel
• example2
• Example3

Ovanstående exempel skulle skapa en punktlista som visas nedan.

• Exempel
• example2
• Example3

Om du vill ändra listan till en ordnad lista (numrerad lista), ändra

taggar till

, som visas i exemplet nedan.

1. Exempel
2. example2
3. Example3

Ovanstående exempel skulle skapa en numrerad lista som visas nedan.

1. Exempel
2. example2
3. Example3

Om du vill använda CSS-stil eller använda en bild som din punktlista, skapa CSS-kod som liknar exemplet nedan.

#content ul li {list-style-Type: none; vaddering: 0 0 4px 23px; bakgrund: url (// www.computerhope.com/arrow.gif) no-repeat left top;

}

I det här exemplet, med hjälp av en extern .css-fil, berättar vi på webbsidan att endast ändra punktposter i avsnittet. Om du vill att alla punktposter ska ändras kan du ta bort #content i ovanstående exempel. I den andra raden, list-style-Type: none; berättar att webbläsaren inte visar några kulor. I den tredje raden, vadderingen: 0 0 4px 23px; är vaddering och inslag runt kulorna. Slutligen berättar den sista bakgrundslinjen att webbläsaren använder en bild som kula och var den ska visas. Med denna CSS-kod får vi kulor som visas nedan.

• Exempel
• example2
• Example3