Belajar Membuat List Minimal

1. Pengertian  List

    List adalah bagian teks di dalam dokumen yang berisi daftar item dari suatu kelompok atau grup tertentu. Sebagai contoh, dalam situs web yang bertema kuliner, list dapat berupa daftar dari makanan dan minuman, beserta harganya. List dapat juga berupa prosedur (urutan langkah-langkah) dari suatu pekerjaan tertentu, yang sifatnya harus dilakukan secara berurutan dari                langkah                  pertama                  sampai             langkah               terakhir.

2. Tipe Daftar dalam Dokumen HTML 

      Dalam dokumen HTML, tipe daftar dibedakan menjadi tiga, yaitu: 

  -Daftar berurutan (ordered list)

   Daftar yang berurutan biasanya ditandai dengan penggunaan penomoran tertentu. Penomoran ini

 bias menggunakan angka (1, 2, 3,…) maupun karakter alphabet terntentu (a, b, c,… atau i, ii, iii,…).   
   Daftar yang berurutan umumnya dipakai untuk item-item yang saling berhubungan satu sama lain,  
 atau untuk menuliskan langkah-langkah atau prosedur dari kegiatan terntentu yang tidak dapat  
 dilakukan secara acak. Contoh daftar yang berurutan adalah pada cara membuat dokumen HTML.
   Untuk membuat suatu daftar yang berurutan dalam dokumen HTML, digunakan tag <ol> (ordered  
 list), yang berpasangan dengan tag </ol>. Tag <ol> digunakan untuk memulai suatu daftar  
 berurutan tertentu, sedangkan </ol> berfungsi untuk menandakan bahwa daftar tersebut sudah 
 berakhir. Masing-masing item di dalam daftar harus dibuat menggunakan tag <li> (list 
 item, yang kemudian perlu ditutup dengan tag </li>.

 Contoh daftar yang berurutan adalah pada cara membuat dokumen HTML, misalnya :
Langkah-langkah membuat dokumen HTML :
1. Jalankan aplikasi Text Editor
2. Isikan kode HTML ke dalam Text Editor
3. Simpan file dengan ekstension .htm atau .html
4. Jalankan file HTML menggunakan aplikasi Web browser untuk

    menampilkan hasilnya.

  -Daftar tidak berututan (unordered list) 

   Daftar yang tidak berurutan adalah daftar yang item-itemnya dapat diubah posisinya  
 secara acak. Daftar seperti ni tidak menggunakan penomoran seperti di atas, melainkan 
 hanya dengan menggunakan tanda atau symbol tertentu, misalnya gambar kotak atau bulat 
 (bullet),   Untuk membuat suatu daftar yang tidak berurutan dalam dokumen HTML, digunakan 
 tag <ul> (unordered list), yang berpasangan dengan tag </ul>. Tag <ul> digunakan
 untuk memulai suatu daftar berurutan tertentu, sedangkan </ul> berfungsi untuk 
 menandakan bahwa daftar tersebut sudah berakhir. Masing-masing item di dalam daftar harus 
 dibuat 
 menggunakan tag <li> (list item, yang kemudian perlu ditutup dengan tag </li>.Adapun atribut
 untuk tag <ul> adalah “type” yang menunjukan jenis tanda untuk setiap item  berupa  
 tanda  bulatan  untuk defaultnya.

 Contoh :
  Daftar buah :
·  Mangga
·  Jambu
·  Semangka
·  Rambutan
·  Jeruk

  -Daftar definisi (definition list)

   Daftar devinisi adalah suatu daftar yang berisi kumpulan devinis dari  suatu istilah  
   tertentu, misalnya daftar istilah HTML.

 Berikut cara membuat list minimal.

  1. Jalankan aplikasi teks editor anda 
  2. Isikan kode HTML ke dalam teks editor anda seperti contoh dibawah ini.

  3. Simpan file anda dengan ekstension .html 
  4. Jalankan file HTML menggunakan aplikasi Web Browser untuk menampilkan 
      hasilnya. Dapat dilihat hasilnya di bawah ini.

Contoh bentuk tipe bullet yang berbeda sebagai berikut : 

1.    Ketikkan script berikut ke dalam text editor

2.    Kemudian disimpan (save) dengan ekstension.html

3.    Langkah selanjutnya jalankan script tersebut menggunakan internet eksplorer, maka tampilannya akan seperti ini..

Kode HTML di atas adalah contoh type unorderet list disk.

  Sekian dari saya, kurang lebihnya mohon maaf.

Atas perhatiannya, saya ucapkan terima kasih.