{"id":205,"date":"2021-08-26T09:02:43","date_gmt":"2021-08-26T02:02:43","guid":{"rendered":"https:\/\/wimzcomputer.com\/?p=205"},"modified":"2025-09-03T02:58:53","modified_gmt":"2025-09-03T02:58:53","slug":"format-list-pada-html","status":"publish","type":"post","link":"https:\/\/wimzcomputer.com\/index.php\/2021\/08\/26\/format-list-pada-html\/","title":{"rendered":"Format List Pada HTML"},"content":{"rendered":"

Sudah sebulan lebih, saya nggak nulis lagi. Banyak kesibukan, ditambah website juga down. Tapi, alhamdulillah, sudah kembali normal lagi.<\/p>\n

Kali ini, penulis ingin melanjutkan artikel mengenai HTML. Kali ini, tag yang akan kita bahas adalah tag List.<\/p>\n

Bisa dibilang, List merupakan penomoran pada beberapa data secara berurutan. Konsepnya sama seperti bullets and numbering yang biasa dijumpai pada MS. Word. Tag list sendiri terbagi dua, yakni Ordered List dan Unordered List.<\/p>\n

Ordered List menampilkan angka sebagai patokan urutan. Sedangkan Unordered List menampilkan simbol tertentu sebagai patokan urutan (bullets).<\/p>\n

Tag Ordered List adalah <ol><\/strong>, sedangkan Unordered List adalah <ul><\/strong><\/p>\n

Selain itu, terdapat satu tag lagi, yakni <li><\/strong>, yang berfungsi membuat list pada tiap barisnya<\/p>\n

Perhatikan script berikut.<\/p>\n\n\n

<!DOCTYPE HTML>\n<html>\n<head>\n<title>List<\/title>\n<\/head>\n<body>\nOrdered List\n<ol type= 1>\n<li>Nomor 1<\/li>\n<li>Nomor 2<\/li>\n<li>Nomor 3<\/li>\n<\/ol>\nUnordered List\n<ul type= \"square\">\n<li>Nomor 1<\/li>\n<li>Nomor 2<\/li>\n<li>Nomor 3<\/li>\n<\/ul>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
Maka hasilnya sebagai berikut<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Sebagai tambahan, tag <ol><\/strong> dan <ul><\/strong> terdapat satu atribut, yakni type<\/strong>, yang berfungsi untuk mengidentofikasi tipe bullets atau numbering yang digunakan.<\/p>\n\n\n\n
Kalo kurang jelas, bisa simak video di bawah.<\/p>\n\n\n\n
\n