Apa itu Blok HTML?

Blok HyperText Markup Language (HTML), dalam arti luas, adalah segmen kode HTML yang berhubungan dengan area tertentu dari dokumen jadi ketika ditampilkan oleh program seperti browser web. Pentingnya blok HTML terlihat saat menetapkan atribut yang berbeda ke elemen, karena banyak gaya dan definisi lain hanya dapat ditetapkan ke elemen level blok. Kebalikan dari blok HTML adalah kode sebaris, yang harus selalu bersarang di dalam blok agar berfungsi.

Salah satu contoh definisi blok HTML adalah paragraf teks pada sebuah website. Saat halaman sedang dilihat di dalam browser web, paragraf muncul dengan baris kosong di antara itu dan paragraf sebelumnya dan dengan baris kosong setelah paragraf dan elemen tampilan berikutnya. Di dalam kode HTML untuk halaman tersebut, paragraf dikelilingi oleh tag HTML yang mendefinisikannya sebagai blok paragraf. Tag yang mengelilingi paragraf ini menetapkan segala sesuatu di antara mereka sebagai blok HTML.

Sebuah blok HTML dapat bersarang di dalam blok lain. Faktanya, hampir semua tag benar-benar bersarang di dalam tag tubuh yang diperlukan oleh dokumen HTML. Sebaliknya, segmen inline perlu bersarang di dalam blok karena memerlukan elemen yang dikandungnya jika ingin beroperasi. Contoh tag inline adalah sepotong teks yang perlu ditampilkan dalam huruf tebal.

Perbedaan antara elemen level blok HTML dan elemen inline adalah salah satu kunci pemahaman yang diperlukan untuk bekerja dengan HTML dan Cascading Style Sheets (CSS). Ini terutama karena ada atribut gaya standar tertentu dan parameter lain yang dijelaskan hanya berlaku untuk elemen tingkat blok, atau hanya untuk elemen tingkat sebaris. Secara umum, elemen sebaris tidak mengandung atribut yang dapat diubah yang sama dengan elemen level blok.

Contoh perbedaan antara atribut level blok HTML dan atribut level inline adalah opsi perataan. Pada tingkat blok, seperti tag divisi atau awal daftar berpoin, teks atau gambar di dalam blok dapat diatur untuk dijepret ke kiri, kanan, atau tengah area. Jika atribut keselarasan diterapkan ke elemen sebaris, maka tidak akan terjadi apa-apa, karena itu bukan opsi yang tersedia di tingkat sebaris.