Jago Belajar html : Mengenal Tag Heading, Paragraf, dan List
Sebelumnya kamu sudah membaca ulasan mengenai html di artikel pengenalan html dan css, sekarang kamu akan belajar cara menggunakan tag heading, paragraf, dan list pada html
Heading terbagi kedalam 6 jenis ukuran yaitu h1, h2, h3, h4, h5, h6
Silahkan kamu coba ke-6 tag heading ini menggunakan text editor pilihanmu.
Sudah saya sebutkan sebelumnya <ol> merupakan singkatan dari ordered list yang berarti list yang memiliki perhitungan seperti 1, 2, 3 atau A, B, C sedangkan <ul>adalah singkatan dari unordered list yang akan menampilkan list dalam bentuk bullet atau square.
Ohiya tag <li>isi list</li> adalah singkatan dari list yang merupakan tag item untuk ordered atau unordered list pada html
Kamu bisa mengganti style list ul dengan menggunakan css dibawah ini
Kamu bisa mengganti type list ol dengan menggunakan css dibawah ini
Penggunaan tag heading
tag heading adalah tag yang berguna untuk membuat tulisan menjadi besar, dimana kegunaan dari tag heading ini biasanya digunakan sebagai judul pada sebuah artikelHeading terbagi kedalam 6 jenis ukuran yaitu h1, h2, h3, h4, h5, h6
Silahkan kamu coba ke-6 tag heading ini menggunakan text editor pilihanmu.
Penggunaan Paragraf
Seperti yang kita tau kegunaan dari paragraf adalah untuk memisahkan topik yang dibahas agar memudahkan pembaca dalam membaca, nah dengan menggunakan tag paragraf <p>isi paragraf</p> maka kamu sudah membuat sebuah paragraf pada html |
| Contoh penggunaan css pada paragraf |
Penggunaan list
list atau daftar berfungsi sebagai tag untuk membuat sebuah daftar agar terlihat lebih rapih dalam penyusunan daftar sehingga tidak membingungkan pengguna situs. gambar dibawah ini menunjukan cara penggunaan tag list html |
| Contoh penggunaan ordered list <ol> dan unordered list <ul> |
Sudah saya sebutkan sebelumnya <ol> merupakan singkatan dari ordered list yang berarti list yang memiliki perhitungan seperti 1, 2, 3 atau A, B, C sedangkan <ul>adalah singkatan dari unordered list yang akan menampilkan list dalam bentuk bullet atau square.
Ohiya tag <li>isi list</li> adalah singkatan dari list yang merupakan tag item untuk ordered atau unordered list pada html
Kamu bisa mengganti style list ul dengan menggunakan css dibawah ini
- <ul style="list-style-type:circle">
- <ul style="list-style-type:square">
- <ul style="list-style-type:none">
- <ul style="list-style-type:disc">
 |
| Contoh penggunaan css pada ordered list <ol> |
- <ol type="1">
- <ol type="A">
- <ol type="a">
- <ol type="I">
- <ol type="i">
Komentar
Posting Komentar