Belajar HTML Dasar(List) -Praktikum 4
Assalamualaikum WR.WB
Hai kembali lagi ke blog saya,pada postingan kali ini saya akan tentang List.Apa sih itu list dalam HTML? Dalam HTML, tag list terdiri dari 2 jenis, ordered list (berurutan) dan unordered list (tidak berurutan). Ordered list akan ditampilkan dengan angka atau huruf, sedangkan unordered list dengan bulatan atau kotak.
Ordered list menggunakan tag <ol>, dan unordered list menggunakan tag <ul>, sedangkan untuk list sendiri menggunakan tag <li>. Penjelasan ini akan lebih mudah jika menggunakan contoh.
Nah kita langsung aja menuju materi HTML kita,pertama kita akan menggunakan tag <ul> dan <li>
1.Latihan9(List ul dal li)
Coding:
Output:
Pembahasan:
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> ).
2.Latihan10
Coding:
Output:
Pembahasan:
1. Ordered 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> ).
Berikut adalah TYPE atribut untuk Ordered list dan Unordered list.
3.Latihan11
Coding:
Output:
Pembahasan:
Untuk daftar yang bertingkat, dapat menggunakan kombinasi dari ordered list dan unordered list. Kedaunya dipakai secara bersama-sama untuk membentuk suatu daftar. Berikut adalah contoh penggunaan kombinasi dari kedua list untuk membentuk suatu daftar.
4.Latihan12
Coding:
Output:
Pembahasan:
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.
5.LatihanBiodata
Coding:
Output:
Pembahasan:
Jadi membuat biodata membuat biodata di html itu mudah,untuk memasukan gambar kita tinggal
mengetik <body background ="(nama file dan format gambar" width="(disesuaikan)" contoh <body background ="gambar2.png" width="50%" dan untuk mebuat list dapat dengan menggunakan tag <ul> dan <li> seperti pembahasan diatas.
Nah,mungkin cukup sekian postingan saya kali ini semoga dengan adanya postingan ini dapat menambah ilmu pengetahuan kita.sampai ketemu lagi di post selanjutnya.
Hai kembali lagi ke blog saya,pada postingan kali ini saya akan tentang List.Apa sih itu list dalam HTML? Dalam HTML, tag list terdiri dari 2 jenis, ordered list (berurutan) dan unordered list (tidak berurutan). Ordered list akan ditampilkan dengan angka atau huruf, sedangkan unordered list dengan bulatan atau kotak.
Ordered list menggunakan tag <ol>, dan unordered list menggunakan tag <ul>, sedangkan untuk list sendiri menggunakan tag <li>. Penjelasan ini akan lebih mudah jika menggunakan contoh.
Nah kita langsung aja menuju materi HTML kita,pertama kita akan menggunakan tag <ul> dan <li>
1.Latihan9(List ul dal li)
Coding:
Output:
Pembahasan:
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> ).
2.Latihan10
Coding:
Output:
Pembahasan:
1. Ordered 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> ).
Berikut adalah TYPE atribut untuk Ordered list dan Unordered list.
Jenis List
|
Atribut
|
Fungsi
|
| Ordered List | Type = 1 | Daftar beruturan dengan menggunakan angka (1,2,3...) |
| Type = I | Daftar berututan dengan menggunakan anggka romawi (I ,II ,III...) | |
| Type = i | Daftar yang berututan menggunakan angka romawi kecil (i, ii, iii ...) | |
| Type = A | Daftar yang berurutan menggunakan abjad besar (A,B,C ...) | |
| Type = a | Daftar yang berurutan menggunakan abjad kecil (a,b,c ...) | |
| Unordered List | Type = circle | Daftar dengan menggunakan tanda lingkaran |
| Type = square | Daftar dengan menggunakan tanda kotak | |
| Type = disk | Daftar dengan menggunakan tanda cakram |
3.Latihan11
Coding:
Output:
Pembahasan:
Untuk daftar yang bertingkat, dapat menggunakan kombinasi dari ordered list dan unordered list. Kedaunya dipakai secara bersama-sama untuk membentuk suatu daftar. Berikut adalah contoh penggunaan kombinasi dari kedua list untuk membentuk suatu daftar.
4.Latihan12
Coding:
Output:
Pembahasan:
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.
5.LatihanBiodata
Coding:
Output:
Pembahasan:
Jadi membuat biodata membuat biodata di html itu mudah,untuk memasukan gambar kita tinggal
mengetik <body background ="(nama file dan format gambar" width="(disesuaikan)" contoh <body background ="gambar2.png" width="50%" dan untuk mebuat list dapat dengan menggunakan tag <ul> dan <li> seperti pembahasan diatas.
Nah,mungkin cukup sekian postingan saya kali ini semoga dengan adanya postingan ini dapat menambah ilmu pengetahuan kita.sampai ketemu lagi di post selanjutnya.
Komentar
Posting Komentar