<!DOCTYPE html> <html> <head> <style> ul.a { list-style-type: circle; } ul.b { list-style-type: square; } ol.c { list-style-type: upper-roman; } ol.d { list-style-type: lower-alpha; } </style> </head> <body> <p>Sırasız listeleme örneği</p> <ul class="a"> <li>Çay</li> <li>Kahve</li> <li>Su</li> </ul> <ul class="b"> <li>Çay</li> <li>Kahve</li> <li>Su</li> </ul> <p>Sıralı listememe örneği</p> <ol class="c"> <li>Çay</li> <li>Kahve</li> <li>Su</li> </ol> <ol class="d"> <li>Çay</li> <li>Kahve</li> <li>Su</li> </ol> </body> </html>