Belajar Html: Belajar Membuat List
List Adalah Daftar Dari Suatu Data, Dimana Dalam Kehidupan Sehari-hari Kita Sering Mendata Sesuatu Seperti Jadwal Pekerjaan, Jadwal Kegiatan, Ataupun Daftar Belanjaan. Terdapat 3 Macam List Yang Terdapat Pada Html:
- Description List: Daftar Dari Beberapa Istilah Yang Di Ikuti Oleh Makna Istilah Tersebut.
- Order List: Daftar Yang Di Tampilkan Secara Berurutan.
- Unordered List: Daftar Yang Di Tampilkan Tidak Secara Berurut.
Order List
Order List Adalah Sebuah Daftar Dari Suatu Data Yang Berurtan. Order List Di Tampilkan Dengan Angka-Angka Yang Berurutan. Angka Yang Tampil Akan Otomatis Berurutan Tiap Itemnya. Sehingga Kita Tidak Perlu Mengurutkannya Secara Manual. Hal Ini Tentu Akan Memudahkan Kita Untuk Mengorganisir Suatu Data Item. Untuk Membuat Order List Kita Dapat Menggunakan Tag <ol> Dan List Dengan Tag <li> :
<ol>
<li>Langkah pertama</li>
<li>Langkah kedua</li>
<li>Langkah ketiga</li>
<li>Langkah selanjutnya</li>
</ol>
Pada Ordered List, Type Urutan Angkanya Dapat Kita Atur Melalui Sebuah Attribute Type. Contohnya, Selain Nomor Urutan Angka Dapat Menggunakan Alfabet Ataupun Angka Romawi.
<ol type="I">
<li>Langkah pertama</li>
<li>Langkah kedua</li>
<li>Langkah ketiga</li>
<li>Langkah selanjutnya</li>
</ol>
<ol type="A">
<li>Langkah pertama</li>
<li>Langkah kedua</li>
<li>Langkah ketiga</li>
<li>Langkah selanjutnya</li>
</ol>
Pada Order List, Tipe Urutan Dapat Kita Atur Dengan Melalui Sebuah Attribute Type. Selain Angka Dan Alfabet Kita Juga Dapat Menggunakan Angka Romawi:
<ol type="I">
<li>Langkah pertama</li>
<li>Langkah kedua</li>
<li>Langkah ketiga</li>
<li>Langkah selanjutnya</li>
</ol>
<ol type="A">
<li>Langkah pertama</li>
<li>Langkah kedua</li>
<li>Langkah ketiga</li>
<li>Langkah selanjutnya</li>
</ol>
Berikut Nilai-Nilai Yang Dapat Di Gunakan Pada Attribute Type Pada Elemen Order List :
| Nilai | Deskripsi |
| 1 | Menggunakan angka dalam urutan item (default) |
| a | Menggunakan huruf kecil dalam urutan item |
| A | Menggunakan huruf besar dalam urutan item |
| i | Menggunakan huruf romawi kecil dalam urutan item |
| I | Menggunakan huruf romawi besar dalam urutan item |
Selain Type Urutan, Kita Juga Bisa Menetapkan Nilai Awal Dari Sebuah Order List. Dengan Menggunakan Attribute Start. Contohnya Ketika Ingin Memulai List Dari Angka 5 Pada Elemen Order List.
<ol start="7">
<li>Langkah ketujuh</li>
<li>Langkah kedelapan</li>
<li>Langkah kesembilan</li>
<li>Langkah selanjutnya</li>
</ol>
Pada Order List Kita Juga Dapat Membalikan Urutan Dari Sebuah Angka Dengan Menggunakan Attribute Reversed.
Unordered List
Unordered List Adalah Sebuah List Data Yang Tidak Mementingkan Urutan. Biasanya Unordered List Menampilkan Bullet Setiap Pada Item-Nya. Untuk Menetapkan Unordered List Kita Dapat Menggunakan Tag <ul></ul> Yang Di Dalam Tag Tersebut Terdapat Sebuah List Data. Contoh Penerapannya Sebagai Berikut :
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
Pada Dasar Nya List Adalah Daftar Data Yang Tersusun. Pada Html Pun List Sama Biasanya Di Gunakan Untuk Membuat Daftar Data Yang Akan Kita Susun. Dan Pada Html Sendiri Terdapat Beberapa Macam List Yang Dapat Di Gunakan.
Ini
Adalah Materi Dasar Dalam Bahasa Markup Html Yaitu Belejar Membuat List. Tentu, Sangat Mudah Di Pelajari
Untuk Pemula. Masih Banyak Yang Akan Kita Pelajari Mengenai Bahasa Markup Html ini.