XHTML - Membuat Daftar List

Sebenernya tutorial ini tidak layak untuk di posting di forum ini, soalnya penghuninya udah pada master semua. bagi mas-mas ato mbak-mbak yang udah master mohon maaf yah atas tutorial saya yang bener-bener kacangan ini. siapa tahu disini masih ada yang newbie juga kyk saya,moga bermanfaat.amiin.

Ada beberapa istilah yang sering muncul dalam bahasa pemrograman sederhana XHTML, yaitu t<li>, <ul>, <ol> tahukah anda apa arti kode-kode tersebut? mungkin anda pernah melihatnya saat anda mengutak-atik kode pada badan blog anda! dan mengapa saya ingin menjelaskannya disini? karena memang istilah ini dapat berguna untuk anda aplikasikan di Blog atau situs anda yang berbasis CMS atau yang lainnya

Baiklah, biar ngga bertele-tele, langsung saja saya jelaskan maksud dari kode-kode tersebut :
<li> artinya sama dengan list
<ul> artinya un-orderlist,dan
<ol> artinya orderlist

Sebenarnya para pencipta kode-kode ini, alias bule-bule tersebut, memberikan standar kode yang disesuaikan dengan bahasa atau istilah sehari-hari mereka, dan mungkin bagi kita yang kurang familiar dengan istilah asing, pastilah hal ini terlihat sangat membingungkan. namun sebenarnya tidak juga. ada lagi istilah seperti . tersebut sama artinya dengan emphasis. sama artinya dengan break dan begitulah seterusnya. nanti akan kita bahas lebih lanjut pada kode-kode yang lain, namun untuk posting kali ini saya hanya akan menjelaskan beberapa kode terlebih dahulu. ingat! belajar yang baik itu haruslah sedikit demi sedikit, namun dapat dimengerti dengan baik. belajar terlalu banyak malah ngga baik. lho? maksudnya..? hehe

Perhatikan perbedaan dari listing kode berikut dan perhatikan juga hasilnya :

Contoh Penggunaan Orderlist​

Listing codenya :
<ol>
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
</ol>

Hasil generate codenya :

1. Menggunakan Order-List 1
2. Menggunakan Order-List 2
3. Menggunakan Order-List 3

​

Contoh Penggunaan un-orderlist​

Listing codenya :
<ol>
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
</ol>

Hasil generate codenya :

• Menggunakan un-Order-List 1
• Menggunakan un-Order-List 2
• Menggunakan un-Order-List 3

​

Dari 2 contoh di atas, berarti kita dapat menyimpulkan bahwa, jika kita hendak membuat daftar list dengan model numerik atau penomoran, maka kita dapat menggunakan <ol>, dan apabila kita hendak menggunakan daftar list dengan model bullets maka kita dapat menggunakan <ul>. Cukup mudah bukan? selamat mencoba!