Banyak teman-teman yang bertanya apa yang di maksud dengan block level elements, jadi block level elements itu adalah sifat dari tag tersebut ya teman-teman, nanti akan saya jelaskan beserta contoh di bawah, karena lebih mudah di pahami langsung melihat contohnya, dan disini juga saya akan memberikan apa saja macam-macam tag yang bersifat block level elements HTML5, jadi jangan kemana-mana simak terus ya teman-teman.
Oke sebelum kita masuk ke macam-macam tag yang bersifat block level elements HTML5 saya akan mecontohkannya, terlebih dahulu :
<!DOCTYPE html> <html> <head> <title>macam-macam tag yang bersifat block level elements HTML5</title> <meta charset="utf-8"> </head> <body> <h1>macam-macam tag yang bersifat block level elements HTML5</h1> <div>DIV PERTAMA </div> <div>DIV KEDUA</div> <div>DIV KETIGA</div> <p>TAG P juga termasuk Block level element ya. padaha di text editornya saya menulisanya kesamping</p> </body> </html>
bisa dilihat ya, saya menulis nyambung kaya kreta, tetapi sekarang kita lihat hasilnya:
Bisa dilihat ya hasilnya setiap tag pasti kebawah seperti ada enternya, sesudah tag ya, dan ternyata tag H1 juga ya, judul itu otomatis membuat sebuah enter di mana tag yang seduahnya ada di bawahnya, itulah sifatnya dari tag yang Block level element, dan ada beberapa tag yang seperti ini ada ya, seperti judulnya macam-macam tag yang bersifat block level elements HTML5, oke ini dia tag yang lainnya:
- <address>
- <article>
- <aside>
- <blockquote>
- <canvas>
- <dd>
- <div>
- <dl>
- <dt>
- <fieldset>
- <figcaption>
- <figure>
- <footer>
- <form>
- <h1>-<h6>
- <header>
- <hr>
- <li>
- <main>
- <nav>
- <noscript>
- <ol>
- <output>
- <p>
- <pre>
- <section>
- <table>
- <tfoot>
- <ul>
- <video>
Lumyan cukup banyak ya teman-teman, jadi semua tag yang di atas,itu sifatnya Block level element ya, walaupun kita menulisnya kesamping di text editor hasilnya tetap kebawah ya, ini revrensi tagnya saya ambil dari w3school ya teman-teman, siapa tau ada tag yang lain lagi, teman-teman bisa menambahkannya sendiri. dan lawanya atau temannya block level element itu inline level element ya teman-teman, kebalikan dari blcok level element, jika teman-teman mau tau juga nanti akan saya jelaskan, oke saya rasa cukup sampai disini dulu belajar kita tentang macam-macam tag yang bersifat block level elements HTML5, semoga bermanfaat dan sampai jumpa.
