Perbedaan Antara Elemen Blok dan Sebaris

2024 Pengarang: Alex Aldridge | [email protected]. Terakhir diubah: 2023-12-17 13:42

Perbedaan Kunci – Blok vs Elemen Sebaris

HTML adalah singkatan dari Hyper Text Markup Language. Digunakan untuk membuat halaman web. Setiap halaman web terhubung ke halaman web lain menggunakan hyperlink. Bahasa ini terdiri dari tag. Sebuah tag diapit di dalam kurung siku. Sintaksnya mirip dengan. Sebagian besar tag juga memiliki tag penutup. When adalah sebuah tag, tag penutupnya adalah. Beberapa tag tidak memiliki tag penutup. Contoh tag tersebut adalah

dan

Mereka dikenal sebagai tag batal. Elemen HTML adalah komponen dari dokumen HTML atau halaman web setelah diurai menjadi Document Object Model (DOM). DOM adalah representasi internal dalam browser web. Ini mewakili setiap dokumen dalam struktur pohon. Di browser, elemen yang dapat ditampilkan dapat berupa elemen blok atau elemen sebaris. Elemen blok memiliki struktur persegi panjang. Elemen sebaris dapat disematkan dalam elemen blok. Perbedaan utama antara blok dan elemen sebaris adalah bahwa elemen blok mengambil lebar penuh yang tersedia sementara elemen sebaris mengambil lebar yang diperlukan untuk menampilkan konten elemen.

Apa itu Elemen Blok?

Elemen blok mengambil lebar penuh yang tersedia. Elemen-elemen itu selalu dimulai dengan baris baru. Beberapa contoh elemen blok adalah sebagai berikut.

digunakan untuk mendefinisikan sebuah paragraf. misalnya

Ini adalah paragraf

. Ada enam tag untuk mendefinisikan header. Mereka adalah

,

,

…

. Programmer dapat menggunakan header yang sesuai.

Daftar yang dipesan ditentukan oleh

sementara daftar yang tidak berurutan ditentukan oleh

. The digunakan untuk menampilkan garis horizontal di halaman web.

digunakan untuk menyusun data dalam format tabel. Untuk setiap situs web, diperlukan untuk mengumpulkan data dari pengunjung situs. Formulir HTML digunakan untuk mendapatkan data dari pengguna. Ini juga merupakan elemen level blok. Itulah beberapa contoh elemen blok dalam HTML.

Apa itu Elemen Sebaris?

Elemen sebaris hanya mengambil lebar yang dibutuhkan. Elemen-elemen itu tidak dimulai dengan baris baru. Beberapa contoh elemen inline adalah sebagai berikut. digunakan untuk membuat link dari satu halaman ke halaman lainnya. Hyperlink adalah salah satu elemen penting dalam HTML. Itu dapat berisi atribut href untuk membuat tautan ke tujuan. misalnya Kunjungi Google. Atribut target kosong. Oleh karena itu, dokumen baru akan terbuka di jendela baru. Jika atribut target adalah “_self”, maka dokumen yang ditautkan akan terbuka di jendela yang sama.

Gambar 01: Contoh Elemen Blok dan Sebaris

Thedigunakan untuk menebalkan bagian teks. Tag adalah untuk membuat teks miring. Sebuah halaman web harus rapi. Oleh karena itu, setiap halaman web terdiri dari banyak gambar.

digunakan untuk menampilkan gambar pada halaman. Tag ini membutuhkan dua atribut. Mereka adalah src dan alt. 'src' menggambarkan lokasi gambar dan ' alt' menjelaskan tentang gambar tersebut. misalnya. Ini adalah beberapa contoh elemen sebaris.

Apa Persamaan Antara Elemen Blok dan Sebaris?

Block dan elemen sebaris digunakan sebagai wadah dalam HTML

Apa Perbedaan Antara Elemen Blok dan Sebaris?

Blokir vs Elemen Sebaris
Elemen blok adalah elemen yang akan menjangkau seluruh lebar elemen induk, dan tidak akan membiarkan elemen lain menempati ruang horizontal yang sama dengan tempatnya.	Elemen inline adalah elemen yang tidak dapat ditempatkan langsung di dalam elemen body dan bersarang di dalam elemen blok.
Baris Baru
Elemen blok dimulai dengan baris baru.	Elemen sebaris tidak dimulai dengan baris baru.
Ruang yang Diperlukan
Elemen blok mengambil semua lebar.	Elemen sebaris hanya akan mengambil lebar yang dibutuhkan.

Ringkasan – Blok vs Elemen Sebaris

HTML adalah singkatan dari Hyper Text Markup language. Ini adalah bahasa yang terdiri dari tag. Setiap tag memiliki tugas khusus dan mendefinisikan cara menyusun halaman web. Beberapa tag memiliki tag awal dan tag akhir. Beberapa tag tidak memiliki tag akhir. Mereka disebut tag batal. Parsing adalah proses menganalisis sintaks. Setelah langkah parsing, tag ini menjadi elemen. Elemen dapat berupa elemen level blok atau elemen sebaris. Perbedaan antara elemen blok dan sebaris adalah bahwa elemen blok mengambil lebar penuh yang tersedia sedangkan elemen sebaris mengambil lebar yang diperlukan untuk menampilkan konten elemen.

Unduh Versi PDF Block vs Inline Elements

Anda dapat mengunduh versi PDF artikel ini dan menggunakannya untuk tujuan offline sesuai catatan kutipan. Silakan unduh versi PDF di sini: Perbedaan Antara Elemen Blok dan Sebaris