Penjelasan :
- Untuk menampilkan list dengan bentuk simbol menggunakan tag <ul> ... </ul>.
- Untuk menampilkan list dengan bentuk angka,huruf menggunakan tag <ol> ... </ol>.
- Untuk menampilkan list - list konten menggunakan tag <li> ... </li>.
Adapun Attribut yang digunakan untuk merubah tampilan dari list - list sebagai berikut :
- List <ul> ... </ul>.
| Tipe | Deskripsi |
| list-style-type:disc | List yang akan ditampilkan akan berbentuk bulat (default) |
| list-style-type:circle | List yang akan ditampilkan akan berbentuk lingkaran |
| list-style-type:square | List yang akan ditampilkan akan berbentuk kotak/td> |
| list-style-type:none | List yang ditampilkan tidak terlihat atau blank list |
Untuk lebih jelas cara membuat LIST menggunakan tag <ul> ... </ul> dapat melihat code dibawah ini :
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <body> | |
| <h2>Makan kesukaan</h2> | |
| <ul style="list-style-type:circle"> | |
| <li>Gulai Kambing</li> | |
| <li>Gurame Goreng Tepun Saus Teriyaki</li> | |
| <li>Rendang</li> | |
| <li>Lele Bakar, Goreng, Saus</li> | |
| </ul> | |
| </body> | |
| </html> |
- List <ol> ... </ol>.
| Tipe | Deskripsi |
| type="1" | List yang akan ditampilkan akan berbentuk angka secara berurut |
| type="A" | List yang akan ditampilkan akan berbentuk huruf alphabet kapital secara berurut |
| type="a" | List yang akan ditampilkan akan berbentuk huruf alphabet kecil secara berurut |
| type="I" | List yang ditampilkan akan berbentuk I |
| type="i" | List yang ditampilkan akan berbentuk i |
Untuk lebih jelas cara membuat LIST pada HTML menggunakan TAG <ol> ... </ol> dapat melihat code dibawah ini :
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <body> | |
| <h2>Minuman kesukaan</h2> | |
| <ol type="A"> | |
| <li>Susu Stroberi</li> | |
| <li>Teh</li> | |
| <li>Kopi Susu</li> | |
| </ol> | |
| </body> | |
| </html> |
Selamat Mengerjakan ...
Related Post
Create Basic Personal Data Website 2
Berhubung saya memiliki 1 lagi personal web data teman saya, saya rasa ada baiknya saya akan shar
Apa itu HTML ?HTML (Hypertext Markup Language) adalah bahasa pemograman berbasis web, dimana seorang programmer w
Create Basic Personal Data Website 1Setelah mengetahui dasar - dasar dalam proses penyusunan sebuah web dasar, sekarang mari kita imple.jpg)
Float CSSPenggunaan float pada CSS memungkin seorang program dapat meletakan suatu gambar berada disisi suat
Apa Itu PHP ?
PHP merupakan bahasa pemrograman berbasis web atau suatu bahasa program yang dapat berjalan pada s
Dasar - dasar PHP
Setelah mengetahui pengertian dari bahasa pemrograman PHP, sekarang naik 1 tingkat dalam memaha.png)
Dasar - Dasar HTML
Untuk membuat sebuah website beberapa tools atau alat yang harus di install didalam sistem oper
Apa itu CSSCSS adalah singkatan (Cascading Style Sheet) yang merupakan kumpulan perintah-perintah yang akan me.png)
Elemen HTML
Elemen yang terdapat didalam bahasa HTML ada banyak, dimana hal pertama yang harus diperhati
Layout HTMLSebuah website sangat membutuhkan peranan LAYOUT (tata letak) dari setiap - setiap konten agar
Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon