14 Februari 2018

HTML List

A. PENDAHULUAN

        Pada postingan blog kali ini kita akan membahas dan memahmi cara membuat List pada HTML

B. PENGERTIAN
 
        List adalah atribut yang digunakan unutk membuat  daftar atau sub daftar. Secara umum biasanya bentuk list yang sering digunakan adalah seperti Angka, huruf, romawi, titik atau bentuk-bentuk bidang seperti lingkaran, kotak, dll.


C. MAKSUD DAN TUJUAN

       Dapat Membuat List sederhana di HTML

D. PEMBAHASAN
       
       Ada 3 cara yang disediakan oleh HTML untuk membuat List :
1. Orderet List
     Ordered list digunakan membuat daftar dimana setiap daftarnya memiliki angka atau huruf yang berututan. Ordered list di mulai dengan tag <OL> ...</OL>, dan setiap bagiannya menggunakan tag <LI> tampa tag penutup ( </LI> ).
  *contoh Orderet List
     1. script
<!DOCTYPE html>
<html>
<head>
<title> Membuat List </title>
<center><h1> Membuat Orderet List </h1></center>
<body>
Contoh membuat Orderet List
<ol>
<li> ini list pertama
<li> ini list kedua
<li>ini list ketiga
</ol>
</body>
</html>

        2.Hasil
          

2. Unorderet List
      Unordered List digunakan untuk daftar yang di sajikan tampa nomor urut, melainkan dengan tanda dengan secara default dengan tanda bulatan. Tanda ini dirubah dengan merubah nilai atribut TYPE untuk unordered list. nilai - nilai atribut dapat dilihat di tabel yang di atas tadi. Unordered list dimulai dengan tag <UL>...</UL>, dan setiap bagiannya menggunakan tag <LI> tampa tag penutup ( </LI> ).
      *Contoh Script :

<!DOCTYPE html>
<html>
<head>
<title> Membuat List </title>
<center><h1> Membuat unorderet List </h1></center>
<body>
Contoh membuat unorderet List
<ul>
<li> ini list pertama
<li> ini list kedua
<li>ini list ketiga
</ul>
</body>
</html>


Hasil :

     * Directory List dan Menu List
        Directory list merupakan dafrar yang tak bernomor yang digunakan untuk menangani direktori. Tag yang digunakan adalah <DIR>...</DIR>. Menu list umumnya digunakan untuk menu pilihan. Tag yang digunakan adalah <MENU>...</MENU>. Baik Direktori list ataupun Menu list akan menghasilkan tampilan yang sama dengan Unordered list.
3. Definision List
       Definition list digunakan untuk membuat daftar definisi mirip seperti tampilan pada kamus, dengan definisi suatu istilah agak menjorok ke kanan. Tiga buah pasangan tag yang terikat dengan definition list adalah :
- <DL>...</DL> untuk menyatakan tempat daftar definisi.
- <DT>...</DT> untuk menyatakan tempat istilah yang akan didefinisikan.
- <DD>...</DD> untuk menyatakan tempat definisi istilah.
        *contoh script

<!DOCTYPE html>
<html>
<head>
<title> Membuat List </title>
<center><h1> Membuat Definision List </h1></center>
<body>
<dl>
<dt>Definision List
<dd>definision list digunakan untuk membuat daftar definisi mirip seperti tampilan pada kamus, dengan definisi suatu istilah agak menjorok ke kanan.
<dt>List
<dd>List adalah atribut yang digunakan untuk membuat daftar atau sub daftar . secara umum biasanya bentuk list yang sering digunakan adalah seperti angka, huruf, romawi, titik atau bentuk-benntuk bidang seperti lingkaran , kotak, dlll
</dl>
</body>
</html>

*hasil :


E. MASALAH YANG DI TEMUKAN

      Lupa perbedaan dari Orderet List , Unorderet List dan Definision List

F. KESIMPULAN

      Memang Ada 3 cara yang di sediakan HTML untuk membuat List . Masing -masing memiliki perbedaan , jadi kalian hanya perlu memilih akan menggunakan yang mana    

G. REFERENSI

https://rampesteam.blogspot.co.id/2014/02/fungsi-list-atau-daftar-pada-html-dan.html


Sekian dan Terima Kasih karena sudah membaca Blog saya yang Sederhana Ini 😁 Jika ada salah arti atau kata bisa beri komentar kalian di kolom komentar.....

Tidak ada komentar:

Posting Komentar