Selasa, 22 Maret 2016

Pengertian Tag list

Assalamualaikum Wr. Wb
      Selamat datang di blog saya , kali ini saya akan menjelaskan tentang jenis - jenis list dalam Html dan beberapa tag-nya. Berikut penjelasannya

Tag List
Tag List (Daftar) List merupakan bentuk yang umum yang biasa kita gunakan untuk menguraikan daftar sesuatu. 
Jenis-jenis list dalalm HTML ada tiga yaitu: 
  • List dengan nomor (ordered list) ordered list adalah list yang memperhatikan urutan penomoransedangkan untuk membuat ordered list menggunakan tag <ol>...</ol>.  dalam ordered list ada beberapa jenis diantaranya: 
    • Angaka (default formatnya = 1,2,3 dst
    • Huruf romawi kecil = i.ii.iii dst
    • Huruf romawi besar = I, II, III dst
    • Huruf alphabet kecil = a, b, c dst
    • Huruf alphabet besar = A, B, C dst
  • List tanpa nomor (unordered list) ada beberapa jenis  bullet yaitu disc (default) untuk lingkaran tidak berlubang, circle untuk lingkaran berlubang, square untuk kotak. . Untuk membuat suatu unordered list menggunakan tag <ul>...</ul>  
  •  List definisi (definision list) untuk mengisikan item pada list menggunakan tag <li>...</li>
Tag Enumerasi
Tag Enumerasi item Untuk menandai suatu item dari daftar (enumerasi), diawali dengan simbol buller (•). Kelompok item harus diapit oleh tag <ul> </ul> dalam daftar bertingkat. Untuk me-nomori enumerasi dengan nomor urut (1,2,3), apitlah dengan tag <ol> </ol>
<li>item</li>

Nested list
Nested list Salah satu fitur list yang paling menarik dari HTML ialah kemampuan untuk membangun list di dalam list. Sebuah ordered list dapat dituliskan kembali di dalam unordered list, yang keduanya berada di dalam definiton list, ataupun sebaliknya. Sama sekali tidak ada batasan dalam menuliskan list di dalam lsit, selain permasalahan makna semantik tentunya.

Berikut contoh bentuk scrip yang saya buat ;
1. Pertama-pertama buka aplikasi Notepad dan text editor.
2. Masukan kode Html untuk membuat list. Diawali dengan Tag <html>, <title>, dan <body> ke dalam notepad.
3. Simpan dengan ekstensi .htm atau .html

              























4. Kemudian jalankan HTML dengan web browser.
5. Maka hasil outputnya akan seperti berikut.  




















    Demikian penjelasan pada blog saya beserta bentuk scrip yang saya buat apabila ada kesalahan dan kekurangan mohon dimaafkan. Terimakasih .

Waalaikumusalam Wr. Wb


 

Tidak ada komentar:

Posting Komentar