Untuk mengatur daftar urutan isi seperti text dan link supaya lebih rapi di lihatnya. Kita akan menggunakan kode OL (ordered list), UL (unordered list) dan LI (list item). Contoh kita akan mengatur text atau linknya dengan menggunakan UL dan LI . Contoh:

Contoh untuk UL yang bentuk SQUARE. Kodenya:

Nah kode di atas akan tampil UL berbentuk kotak seperti ini:

Untuk UL yang bentuk CIRCLE. Kodenya:

Nah kode ul yang ini akan menghasilkan kotak kosong seperti ini:

Dan untuk UL yang bentuk DISC itu sama dengan bentuk UL yang pertama di atas akan menghasilkan UL bundar. Nah sekarang kita akan mengatur daftar isinya dengan menggunakan OL(ordered list) untuk pengganti UL(unordered list), UL itu bentuknya bundar, kotak dan kotak kosong. Tapi kalau OL itu bentuk huruf dan angka. Contoh untuk menggunakan OL berbentuk huruf:

Kode di atas akan tampil dengan barisan urutan huruf seperti ini:

Untuk OL yang berbentuk angka Kodenya:

Nah kode OL yang ini akan tampil dengan urutan angka seperti ini:

Nah jadi fungsi OL itu untuk mempermudah kita menulis daftar urutan huruf dan angka. kita tidak harus susah susah menulis huruf A sampai Z dan menulis 1 sampai 100. Dengan menggunakan kode OL kita cukup mengetikan huruf A dan nanti akan otomatis keluar huruf B,C,D dan seterusnya. cara menulisnya dengan format seperti ini: