Perbedaan Antara Elemen Blok dan Inline

Perbedaan Utama - Blok vs Di barisan Elemen
 

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. Tag terlampir dalam kurung sudut. Sintaksnya mirip dengan. Sebagian besar tag juga memiliki tag penutup. Kapan tag, tag penutup 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 diuraikan menjadi Document Object Model (DOM). DOM adalah representasi internal di dalam browser web. Ini mewakili setiap dokumen dalam struktur pohon. Di browser, elemen yang dapat ditampilkan dapat berupa elemen blok atau elemen inline. Elemen blok memiliki struktur persegi panjang. Elemen sebaris dapat tertanam dalam elemen blok. Itu perbedaan utama antara blok dan elemen inline adalah itu elemen blok mengambil lebar penuh yang tersedia sementara elemen inline mengambil lebar yang diperlukan untuk menampilkan konten elemen.

ISI

1. Ikhtisar dan Perbedaan Utama
2. Apa itu Elemen Blok
3. Apa itu Elemen Inline
4. Kesamaan Antara Elemen Blok dan Inline
5. Perbandingan Berdampingan - Memblokir vs Elemen Sebaris dalam Bentuk Tabular
6. Ringkasan

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 paragraf. misalnya.

Ini adalah paragraf

. Ada enam tag untuk mendefinisikan header. Mereka

,

,

...

. Pemrogram dapat menggunakan tajuk sesuai.

Daftar yang diurutkan ditentukan oleh

    sedangkan daftar tidak berurutan ditentukan oleh
      . Itu
      digunakan untuk menampilkan garis horizontal di halaman web. Itu digunakan untuk mengatur 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 dalam HTML.

      Apa itu Elemen Inline?

      Elemen sebaris hanya mengambil lebar yang diperlukan. Elemen-elemen itu tidak dimulai dengan baris baru. Beberapa contoh elemen sebaris adalah sebagai berikut. digunakan untuk membuat tautan dari satu halaman ke halaman lainnya. Hyperlink adalah salah satu elemen penting dalam HTML. Ini dapat berisi atribut href untuk membuat tautan ke tujuan. misalnya Kunjungi Google. Atribut target kosong. Karenanya, 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 Inline

      Itu digunakan untuk tebal bagian teks. Itu tag adalah untuk membuat teks miring. Halaman web harus rapi. Karenanya, setiap halaman web terdiri dari banyak gambar. Itu 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 itu. misalnya . Ini adalah beberapa contoh elemen inline.

      Apa Kesamaan Antara Elemen Blok dan Inline?

      • Elemen blok dan inline digunakan sebagai wadah dalam HTML.

      Apa Perbedaan Antara Elemen Blok dan Inline?

      Blok 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 yang ditempatkan pada. 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 diperlukan.

      Ringkasan - Blokir vs Di barisan Elemen 

      HTML adalah singkatan dari bahasa Hyper Text Markup. 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 akhir. Beberapa tag tidak memiliki tag penutup. Mereka disebut void tag. Parsing adalah proses menganalisis sintaksis. Setelah langkah penguraian, tag ini menjadi elemen. Elemen dapat berupa elemen tingkat blok atau elemen sebaris. Perbedaan antara elemen blok dan inline adalah bahwa elemen blok mengambil lebar penuh yang tersedia sementara elemen inline 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 Blok dan Inline

      Referensi:

      1.Ziroll, Bob. "HTML Block vs. Inline dan Elemen Penting." Pengembangan Web V School, Pengembangan Web V School, 31 Maret 2016. Tersedia di sini 
      2. "Elemen HTML." Wikipedia, Wikimedia Foundation, 10 Februari 2018. Tersedia di sini 
      3. Blok HTML dan Elemen sebaris. Tersedia disini 
      4.Point, Tutorial. "Ikhtisar HTML." Inti nya. Poin Tutorial, 8 Januari 2018. Tersedia di sini