Hallo, Brother and Sister,
Pada kesempatan kali ini saya akan membagikan tutorial(sekaligus tugas sekolah) yang masih berlabel Teknologi. Postingan ini merupakan lanjutan dari post sebelumnya yaitu mengenai Tag - tag di HTML. Langsung saja ya, Berikut tutorialnya :
Sebelumnya, Apakah anda tau apa itu list ? List (daftar) adalah bagian teks di dalam dokumen yang berisi daftar item dari suatu kelompok atau grup tertentu atau prosedur dari suatu pekerjaan tertentu, yang sifatnya harus dilakukan secara berurutan dari langkah pertama sampai langkah terakhir. Dalam HTML ada 3 jenis list yaitu :
Nah, diatas merupakan contoh list yang memakai Unordered List artinya list ini digunakan untuk daftar yang tidak memerlukan aturan berurutan.Oh iya, fungsi dari <li></li> yaitu untuk menyimpan item dalam tag list tersebut.
Contoh Ke-2 :
Nah, Contoh diatas berhubungan dengan Ordered List (daftar yang berurutan). Dalam tag <ol></ol> ada beberapa tipe maksudnya diurutkannya bisa dengan huruf, angka, dll. Caranya cukup tambahkan type="..." bisa diisi A,a,I,i dan juga jika tanpa type maka otomatis berurutannya dengan angka. dan juga men-Set awal pengurutannya dengan cara tambahkan start="...".
Contoh ke-3 :
Nah, tag OL dan UL juga bisa dikombinasikan seperti contoh diatas. Sama seperti tag OL, tag UL juga bisa menggunakan type=''...'' yaitu bisa memasukkan circle(bulat), square(kotak), disk(bulat). Dan otomatisnya yaitu Bulatan hitam.
Contoh ke-4 :
Nah, contoh diatas merupakan contoh penggunaan tag definition list. Didalam tag Dl juga terdapat dt, dan juga dd.
Contoh Codingan dan hasil dari gabungan tag - tag list, dan yang sebelumnya untuk membuat biodata yaitu :
Nah, mungkin ada beberapa tag/hal yang baru seperti ini untuk spasi, lalu background-repeat: no-repeat; agar background tidak diulang-ulang, fixed agar posisinya tetap.
Oke segitu saja postingan dari saya untuk kali ini. Mohon maaf bila ada kesalahan, semoga bermanfaat untuk anda. Apabila ada komentar / masukan bisa diisi di kolom komentar. Sampai jumpa di postingan berikutnya dan jika menurut anda Postingan ini bermanfaat bisa diShare ke teman - teman anda.
Pada kesempatan kali ini saya akan membagikan tutorial(sekaligus tugas sekolah) yang masih berlabel Teknologi. Postingan ini merupakan lanjutan dari post sebelumnya yaitu mengenai Tag - tag di HTML. Langsung saja ya, Berikut tutorialnya :
Sebelumnya, Apakah anda tau apa itu list ? List (daftar) adalah bagian teks di dalam dokumen yang berisi daftar item dari suatu kelompok atau grup tertentu atau prosedur dari suatu pekerjaan tertentu, yang sifatnya harus dilakukan secara berurutan dari langkah pertama sampai langkah terakhir. Dalam HTML ada 3 jenis list yaitu :
- Daftar Berurutan (Ordered List) --> <ol></ol>
- Daftar Tidak Berurutan (Unordered List) --> <ul></ul>
- Daftar Definisi (Definition List) --> <dl></dl>
Untuk Lebih jelasnya anda bisa lihat contoh Codingan dan hasilnya berikut ini :
Nah, diatas merupakan contoh list yang memakai Unordered List artinya list ini digunakan untuk daftar yang tidak memerlukan aturan berurutan.Oh iya, fungsi dari <li></li> yaitu untuk menyimpan item dalam tag list tersebut.
Contoh Ke-2 :
Nah, Contoh diatas berhubungan dengan Ordered List (daftar yang berurutan). Dalam tag <ol></ol> ada beberapa tipe maksudnya diurutkannya bisa dengan huruf, angka, dll. Caranya cukup tambahkan type="..." bisa diisi A,a,I,i dan juga jika tanpa type maka otomatis berurutannya dengan angka. dan juga men-Set awal pengurutannya dengan cara tambahkan start="...".
Contoh ke-3 :
Nah, tag OL dan UL juga bisa dikombinasikan seperti contoh diatas. Sama seperti tag OL, tag UL juga bisa menggunakan type=''...'' yaitu bisa memasukkan circle(bulat), square(kotak), disk(bulat). Dan otomatisnya yaitu Bulatan hitam.
Contoh ke-4 :
Nah, contoh diatas merupakan contoh penggunaan tag definition list. Didalam tag Dl juga terdapat dt, dan juga dd.
Contoh Codingan dan hasil dari gabungan tag - tag list, dan yang sebelumnya untuk membuat biodata yaitu :
Nah, mungkin ada beberapa tag/hal yang baru seperti ini untuk spasi, lalu background-repeat: no-repeat; agar background tidak diulang-ulang, fixed agar posisinya tetap.
Oke segitu saja postingan dari saya untuk kali ini. Mohon maaf bila ada kesalahan, semoga bermanfaat untuk anda. Apabila ada komentar / masukan bisa diisi di kolom komentar. Sampai jumpa di postingan berikutnya dan jika menurut anda Postingan ini bermanfaat bisa diShare ke teman - teman anda.
😃Selamat Bercoding
Related Posts
Program Menghitung Bilangan Part 1 & 2, Menghitung Lama Menelpon, Menentukan Bilangan Positif / Negatif Dengan Looping - Praktikum Sesi 5Hallo, Brother and Sister,
Pada kesempatan kali ini saya akan membagikan sebuah tutorial(sekaligus tugas sekolah) yang
Tutorial JavaScript Dasar - Praktikum 12 Hallo, Brother and Sister,
Pada kesempatan kali ini saya akan membagikan tutorial(sekaligus tugas sekolah) yang masih b
Menyajikan komponen Audio, Video & flash dengan HTML - Praktikum 7Hallo, Brother and Sister,
Pada kesempatan kali ini saya akan membagikan tutorial(sekaligus tugas sekolah) yang masih b
Tutorial Array pada JavaScript - Praktikum 13Hallo, Brother and Sister,
Pada kesempatan kali ini saya akan membagikan tutorial(sekaligus tugas sekolah) yang masih b
Framework PHPHallo, Brother and Sister,Pada kesempatan kali ini saya akan membahas tentang Framework PHP. Tapi, apakah kalian tahu, 
Program Kode Hari Menggunakan Nested If & Switch Case, Program Menentukan Kelulusan - Praktikum Sesi 7Hallo, Brother and Sister,
Pada kesempatan kali ini saya akan membagikan tutorial(sekaligus tugas sekolah) yang masih b
Penggunaan List di HTML - Praktikum 4
4/
5
Oleh
Aip Ariyadi
