PERTEMUAN 4
Kali ini kita akan membahas cara membuat daftar/list dalam bahasa html, kita akan mempelajari beberapa materi yaitu:
1.list
2.list kombinasi
3.list kombinasi2
4.definition list
tapi sebelum melngkah lebih lanjut apakah kalian tau apa itu list? List (daftar) 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
1.LIST
sebelum kalian memulai mengkoding, kalian diharuskan untuk menghafalkan tagnya seperti:
<ol> : untuk membuat daftar secara berurutan
<ul> : untuk membuat daftar secara tidak berurutan
<dl> : unruk membuat definisi daftar
tanda yang dapat digunakan antara lain
-huruf kapital
-huruf biasa
-angka
-romawi
untuk membuat list kalian diharuskan memulainya dengan mentag <ol> setelah itu kalian dapat mengisi/mentipe point-point untuk digunkan pada daftarnya kalian dapat mengisinya didalam tag<ol >setelah itu didalam tag tersebut kalian dapat membuat isi daftarnya memnggunkan tag <li> sesuaikan attribut daftarnya sesuai kehendak
kalian dapat mengikuti codingan dibwah ini:
setelah kalian mengikuti kodingannya maka hasilnya akan seperti ini:
2.KOMBINASI LIST 1
Kali ini kita akan membahas cara membuat daftar/list dalam bahasa html, kita akan mempelajari beberapa materi yaitu:
1.list
2.list kombinasi
3.list kombinasi2
4.definition list
tapi sebelum melngkah lebih lanjut apakah kalian tau apa itu list? List (daftar) 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
1.LIST
sebelum kalian memulai mengkoding, kalian diharuskan untuk menghafalkan tagnya seperti:
<ol> : untuk membuat daftar secara berurutan
<ul> : untuk membuat daftar secara tidak berurutan
<dl> : unruk membuat definisi daftar
tanda yang dapat digunakan antara lain
-huruf kapital
-huruf biasa
-angka
-romawi
untuk membuat list kalian diharuskan memulainya dengan mentag <ol> setelah itu kalian dapat mengisi/mentipe point-point untuk digunkan pada daftarnya kalian dapat mengisinya didalam tag<ol >setelah itu didalam tag tersebut kalian dapat membuat isi daftarnya memnggunkan tag <li> sesuaikan attribut daftarnya sesuai kehendak
kalian dapat mengikuti codingan dibwah ini:
setelah kalian mengikuti kodingannya maka hasilnya akan seperti ini:
2.KOMBINASI LIST 1
dalam materi ini kita akan membuat kodingan dengan mengkombinasikan semua attribut dalam satu laman seperti dibawah ini:
setelah kallian koding maka akan menghasilkan tampilan web seperti ini:
3.LIST KOMBINASI2
ok dalam list kombinasi2 ini kita akan menggabungkan daftar berurutan dengan yang tidak berurutan Ketika kita menggabungkan tag tidak berurutan <ul> tipe bullet dengan tag tidak berurutan <ul> pada daftar berikutnya, maka daftar yang kedua oleh browser akan ditampilkan secara otomatis menjadi daftar bulllet .Tidak demikian dengan daftar berurutan <ol>, maka agar tipenya sama dengan daftar berurutan sebelumnya, kita harus memberikan atribut tipe yang sama dengan daftar berurutan sebelumnya.
hbcbhgf
ok dalam list kombinasi2 ini kita akan menggabungkan daftar berurutan dengan yang tidak berurutan Ketika kita menggabungkan tag tidak berurutan <ul> tipe bullet dengan tag tidak berurutan <ul> pada daftar berikutnya, maka daftar yang kedua oleh browser akan ditampilkan secara otomatis menjadi daftar bulllet .Tidak demikian dengan daftar berurutan <ol>, maka agar tipenya sama dengan daftar berurutan sebelumnya, kita harus memberikan atribut tipe yang sama dengan daftar berurutan sebelumnya.
knfh
nkalian dapat mengikuti codingan dibawah ini:
dan hasil dari kodingan kalian akan menampilkan seperti ini:
4.DEFINITION LIST
untuk pembahasan terakhir ini kalian akan membuat sebuah daftar tetapi terdapat sebuah definisi yang menggambarkan daftar tersebut kali ini kita menggunakan tag <dl> kalian dapat melihat kodingan dibawah ini:
dan hasil dari kodingan diatas akan muncul seperti ini:
untuk pembahasan terakhir ini kalian akan membuat sebuah daftar tetapi terdapat sebuah definisi yang menggambarkan daftar tersebut kali ini kita menggunakan tag <dl> kalian dapat melihat kodingan dibawah ini:
terima kasih dan sampai berjumpa lagi
jhxd
Komentar ini telah dihapus oleh administrator blog.
BalasHapus