Perbedaan Antara Elemen Blok Dan Inline

2024 Pengarang: Mildred Bawerman | [email protected]. Terakhir diubah: 2023-12-16 08:39

Perbedaan Kunci - Blok vs Elemen Inline

HTML adalah singkatan dari Hyper Text Markup Language. Ini digunakan untuk membuat halaman web. Setiap halaman web terhubung ke halaman web lain menggunakan hyperlink. Bahasa ini terdiri dari tag. Sebuah tag diapit oleh kawat gigi sudut. Sintaksnya mirip dengan. Kebanyakan tag juga memiliki tag penutup. Kapan adalah sebuah tag, maka tag penutupnya adalah. Beberapa tag tidak memiliki tag penutup. Contoh dari tag tersebut adalah

dan

. Mereka dikenal sebagai tag kosong. 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 balok memiliki struktur persegi panjang. Elemen sebaris dapat disematkan dalam elemen blok. Perbedaan utama antara blok dan elemen sebaris adalah bahwa elemen blok menggunakan lebar penuh yang tersedia sementara elemen sebaris mengambil lebar yang diperlukan untuk menampilkan konten elemen.

ISI

1. Gambaran Umum dan Perbedaan Kunci

2. Apa itu Elemen Blok

3. Apa itu Elemen

Sebaris 4. Persamaan Antara Elemen Blok dan Sebaris

5. Perbandingan Berdampingan - Elemen Blok vs Elemen Sebaris dalam Bentuk Tabel

6. Ringkasan

Apa itu Elemen Blok?

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

digunakan untuk mendefinisikan sebuah paragraf. misalnya

Ini adalah sebuah paragraf

. Ada enam tag untuk menentukan header. Mereka

,

,

…

. Programmer dapat menggunakan header yang sesuai.

Daftar yang dipesan ditentukan oleh

sedangkan daftar yang tidak berurutan ditentukan oleh

. Digunakan untuk menampilkan garis horizontal di seluruh halaman web. Digunakan untuk menyusun data dalam format tabel. Untuk setiap situs web, diharuskan mengumpulkan data dari pengunjung situs. Formulir HTML digunakan untuk mendapatkan data dari pengguna. Ini juga merupakan elemen level blok. Itulah beberapa contoh elemen blok pada HTML.

Apa itu Elemen Inline?

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

Gambar 01: Contoh Elemen Blok dan Inline

Yang digunakan untuk bagian yang berani teks. Tag tersebut mengubah teks menjadi miring. Halaman web harus rapi. Oleh karena itu, setiap halaman web terdiri dari beberapa gambar. Yan

digunakan untuk menampilkan gambar pada halaman. Tag ini membutuhkan dua atribut. Mereka adalah src dan alt. 'Src' menjelaskan lokasi gambar dan 'alt' menjelaskan tentang apa gambar itu. mis. Ini adalah beberapa contoh elemen sebaris.

Apa Persamaan Antara Elemen Blok dan Inline?

• Elemen blok dan sebaris digunakan sebagai penampung dalam HTML.

Apa Perbedaan Antara Elemen Blok dan Inline?

Artikel Diff Tengah sebelum Tabel

Blok vs Elemen Inline
Elemen blok adalah elemen yang akan menjangkau seluruh lebar elemen induk, dan tidak akan mengizinkan elemen lain untuk menempati ruang horizontal yang sama saat ditempatkan.	Elemen sebaris adalah elemen yang tidak dapat ditempatkan langsung di dalam elemen tubuh dan yang bersarang di dalam elemen blok.
Garis baru
Elemen blok dimulai dengan baris baru.	Elemen sebaris tidak dimulai dengan baris baru.
Ruang yang Dibutuhkan
Elemen blok mengambil semua lebar.	Elemen sebaris hanya akan mengambil lebar yang dibutuhkan.

Ringkasan - Blok vs Elemen Inline

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

Unduh Versi PDF dari Block vs Inline Elements

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