DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Ada istilah elemen block dan elemen inline di HTML. Apa perbedaan keduanya?
Ada istilah elemen block dan elemen inline di HTML. Perbedaannya adalah elemen block akan muncul di bawah elemen sebelumnya, sementara elemen inline akan muncul di samping elemen sebelumnya.
Elemen block
berarti sebuah elemen yang punya lebar 100% dari pembungkusnya. Contoh dari elemen bersifat block adalah tag <p>
.
Contoh
<p>Saya paragraf pertama.</p>
<p>Saya paragraf kedua.</p>
Hasilnya:
Saya paragraf pertama.
Saya paragraf kedua.
Beberapa contoh tag yang bersifat block
Elemen inline
berarti sebuah elemen hanya selebar dirinya sendiri. Sehingga elemen berikutnya berada ada di samping elemennya
Contoh
<b>Saya tag bold.</b>
<i>Saya tag italic.</i>
Hasilnya:
Beberapa tag yang bersifat inline
Kegunaan tag div
dan tag span
juga terletak pada sifat ini. Di mana div adalah elemen block, sementara span adalah elemen inline.
Jadi, pada saat kamu butuh sebuah baris baru atau melanjutkan baris sebelumnya, tinggal memilih diantara kedua elemen ini.