Apa Perbedaan Antara Blok-level dan Elemen Inline?
HTML terdiri dari berbagai elemen yang bertindak sebagai blok bangunan halaman web. Setiap elemen ini termasuk dalam salah satu dari dua kategori - baik elemen tingkat blok atau elemen inline. Memahami perbedaan antara kedua jenis elemen ini merupakan langkah penting dalam membangun halaman web.
Elemen Tingkat Blok
Jadi apa itu elemen level blok? Elemen tingkat blok adalah elemen HTML yang memulai baris baru pada halaman Web dan memperluas lebar penuh ruang horizontal yang tersedia dari elemen induknya. Ini menciptakan blok besar konten seperti paragraf atau pembagian halaman. Faktanya, sebagian besar elemen HTML adalah elemen level blok.
Elemen level blok digunakan dalam badan dokumen HTML. Mereka dapat berisi elemen inline, serta elemen tingkat blok lainnya.
Elemen Inline
Berbeda dengan elemen level blok, elemen inline dapat:
- Mulailah dalam satu garis
- Tidak memulai baris baru
- Lebarnya hanya meluas sejauh yang ditentukan oleh tag-nya.
Contoh elemen inline adalah tag , yang membuat font konten teks yang terdapat dalam huruf tebal. Elemen inline umumnya hanya berisi elemen inline lainnya, atau tidak dapat berisi apa pun, seperti tag istirahat
.
Ada juga jenis elemen ketiga dalam HTML: yang tidak ditampilkan sama sekali. Elemen-elemen ini memberikan informasi tentang halaman tetapi tidak ditampilkan ketika ditampilkan di browser Web.
Sebagai contoh: