Cara Membuat List Tulisan Pada HTML | Web Edukasi - Sanabila.com

Home

Daftar Isi

Instagram

Google+

Facebook

Twitter

Contact

Pasang Iklan

Refresh
Loading...

Cara Membuat List Tulisan Pada HTML

Cara Membuat List Tulisan Pada HTML - Pada chapter Sebelumnya kita sudah membahas tentang :
Sekarang kita akan belajar tentang Cara Membuat List Tulisan Pada HTML.
Chapter 7. Cara Membuat List Tulisan Pada HTML
Cara Membuat List Tulisan Pada HTML


Membuat List Tak Berurutan (The Unordered List)

List ini adalah yang pertama dari tiga jenis list yang ada. Ini mungkin list yang paling umum yang akan Anda gunakan.

Contoh List Tak berurutan...
  • Kambing
  • Kerbau
  • Curut
  • Sapi
  • Jerapah
Perhatikan Bullet di setiap list Item diatas. Nah dibawah ini adalah kode HTML untuk pembuatan list tersebut...
<ul> <li>Kambing</li> <li>Kerbau</li> <li>Curut</li> <li>Sapi</li> <li>Jerapah</li> </ul>
Kode <ul> adalah tag pembuka dari Unordered List. Oleh karena itu, diperlukan tag penutup untuk ul tersebut, tag penutupnya adalah </ul>. Di antara kedua tag ul tersebut Anda bisa menempatkan berbagai macam item atau yang sering disebut juga dengan LIST ITEMS, Tag li tersebut memiliki tag pembuka <li>, dan tag penutup </li>. Tidak ada batasan untuk jumlah list item yang ingin Anda masukkan dalam satu ul.


Membuat List berurutan (The ORDERED LIST)

List berurutan ini sering disebut juga dengan Numbered List, strukturnya hampir sama dengan Unordered List, Namun dalam Ordered List ini terdapat angka yang berurutan di List Item. List ini memiliki tag pembuka <ol> dan tag penutup </ol>. List Items <li> dalam Orederd List masih menggunakan tag yang sama.

Contoh Ordered List...
  1. Kambing
  2. Kerbau
  3. Curut
  4. Sapi
  5. Jerapah
Perhatikan Nomor di setiap Daftar Item. Nah dibawah ini adalah kode HTML untuk pembuatan list tersebut...
<ol> <li>Kambing</li> <li>Kerbau</li> <li>Curut</li> <li>Sapi</li> <li>Jerapah</li> </ol>

Membuat List Definisi (The Definition List)

Jenis list ini memang sedikit lebih rumit, tapi masih sangat mudah digunakan. List ini dimulai dengan tag <dl> dan ditutup dengan tag </dl>. List jenis ini juga memiliki tag lain yang dikenal sebagai <dt> untuk Definition Term, dan <dd> untuk Definition Definition. Kedua tag tersebut tidak perlu tag penutup.

Contoh Definition List...
HTML
Bahasa Dasar pemrograman suatu Web.
CSS
Bahasa pemrograman untuk mengatur struktur web, memperindah web, dsb.
Jquery
Salah satu library yang berada pada javascript yang digunakan untuk mempermudah pembuatan web.

Nah dibawah ini adalah kode HTML untuk pembuatan list tersebut...
<dl> <dt>HTML <dd>Bahasa Dasar pemrograman suatu Web. <dt>CSS <dd>Bahasa pemrograman untuk mengatur struktur web, memperindah web, dsb. <dt>Jquery <dd>Salah satu library yang berada pada javascript yang digunakan untuk mempermudah pembuatan web. </dl>




Share on Google Plus
Written by: Sanabila. com
Sanabila, Updated at: 2/02/2015