Oke… kali ini saya akan bahas tentang inline element dan block element pada HTML, apa itu??

Sebenernya element-element pada HTML itu terbagi dua jenis yaitu ada yang merupakan inline element dan juga ada yang block, apa bedanya? Hmm… saya jelasin satu-satu ya…

Pertama yang inline element dulu, dari namanya dah keliatan khan?? Hehe… inline element itu adalah element pada HTML yang cuman sebaris, nah lho bingung khan?? pokoknya ya gitu dech,, gak boleh protes , yang termasuk inline element itu contohnya tag-tag <a></a>, <em></em>, <span></span>, <cite></cite> dll deh…hehe…

Nah, beda halnya dengan yang block element, yang ini lawannya yang tadi, berarti gak cuman sebaris, hehe… yang termasuk block element contohnya tag-tag <div></div> , <blockquote></blockquote> , <table></table>, <p></p>, <h1></h1> dan sebagainya…

Makanya di dalam block element boleh di taruh block element lagi atau inline element, sedangkan di dalam inline element gak boleh di taruh block element, cuman bisa di taruh inline element juga. Contohnya :

<div>
<h1>Contoh 1</h1>
<p>ini boleh dilakukan</p>
</div>

<span><h1>ini tidak boleh</h1></span>

<span><a>ini boleh</a></span>

<h1><p>Yang ini boleh</p></h1>

Dah ngerti khan?? tambahan, element-element tersebut, di CSS bisa dirubah bentuknya yang tadinya inline bisa jadi block dengan property display.