HTML'de üç tipte liste tarzında içerik girilebilir :
HTML'de aşağıdaki basit bir sırasız liste örneği görülmektedir :
<html> <body> <ul> <li>ali <li>veli <li>züleyha </ul> </body> </html>
Üç elemanlı ve başlarında nokta olan bir liste gözükecektir.
HTML'de sıralı liste örneği aşağıdaki gibidir :
<html> <body> <ol> <li>ali <li>veli <li>züleyha </ol> </body> </html>
Ekranda 1 , 2, 3 şeklinde giden üç maddeli liste gözükecektir.
Aşağıda iç içe liste örneği görülmektdir :
<html> <body> <ul> <li>Ali <ol> <li>akıllı <li>iyi </ol> <li>veli <ol> <li>inatçı <li>kibirli </ol> <li>züleyha <ol> <li>korkak <li>uyanık <li>iyi </ol> </ul> </body> </html>
Ali ve Züheyla maddeleri başında nokta işareti , bu maddelerin içindeki listelerde 1. , 2. şeklinde madde işaretleri gözükecektir.
Aşağıda madde işaretleri kare işareti olan örnek gözükmektedir :
<ul style="list-style-type: square">
<li>Örnek bir
<li>Örnek iki
</ul>
list-style-type ile madde başlarında kare işareti gösterilmesi sağlanmıştır.
<ul type="square">...</ul>Yukarıdaki örnekte madde işaretleri kare olarak gösterilecektir.
<ol type="a"> ... </ol>Yukarıdaki örnekte ise sıralı liste a, b, c, ... şeklinde gidecektir.
<ul style="list-style-type:square">...</ul>