Macam Macam Tag yang Bersifat Block level Elements HTML5

Banyak teman-teman yang bertanya apa yang di maksud dengan block level elements, jadi block level elements itu ialah sifat dari tag tersebut ya teman-teman, nanti akan saya jelaskan dan juga contoh di bawah, karena lebih gampang di pahami seketika melihat contohnya, dan disini pun 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 pun termasuk Block level element ya. padaha di text editornya saya menulisanya kesamping</p>

</body>
</html>


dapat dilihat ya, saya menulis nyambung kaya kreta, tetapi kini kita lihat hasilnya:



teman



Dapat dilihat ya hasilnya setiap tag pasti kebawah seperti ada enternya, setelah tag ya, dan ternyata tag H1 pun ya, judul itu otomatis merancang sebuah enter di mana tag yang seduahnya ada di bawahnya, seperti 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:




  1. <address>


  2. <article>


  3. <aside>


  4. <blockquote>


  5. <canvas>


  6. <dd>


  7. <div>


  8. <dl>


  9. <dt>


  10. <fieldset>


  11. <figcaption>


  12. <figure>


  13. <footer>


  14. <form>


  15. <h1>-<h6>


  16. <header>


  17. <hr>


  18. <li>


  19. <main>


  20. <nav>


  21. <noscript>


  22. <ol>


  23. <output>


  24. <p>


  25. <pre>


  26. <section>


  27. <table>


  28. <tfoot>


  29. <ul>


  30. <video>



Lumyan lumayan banyak ya teman-teman, jadi seluruh 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 dapat menambahkannya sendiri. dan lawanya atau temannya block level element itu inline level element ya teman-teman, kebalikan dari blcok level element, apabila teman-teman mau tau pun nanti akan saya jelaskan, oke saya rasa lumayan hingga disini dulu belajar kita mengenai macam-macam tag yang bersifat block level elements HTML5, semoga bermanfaat dan hingga jumpa.




Sumber https://kursuswebsite.org

Popular posts from this blog

Perbedaan Antara Keyup dan Keydown Pada jQuery

Membuat Table Warna Berselang dengan PHP