Perbedaan antara elemen blok dan inline

Perbedaan antara elemen blok dan inline

Perbedaan Utama - Blok VS Di barisan Elemen
 

HTML adalah singkatan dari Hyper Text Markup Language. Itu digunakan untuk membuat halaman web. Setiap halaman web terhubung ke halaman web lain menggunakan hyperlinks. Bahasa ini terdiri dari tag. Tag tertutup dalam kawat gigi sudut. Sintaksnya mirip dengan . Sebagian besar tag juga memiliki tag penutup. Kapan tag, tag penutupnya . Beberapa tag tidak memiliki tag penutup. Contoh tag semacam itu
Dan . Mereka dikenal sebagai tag void. Elemen HTML adalah komponen dari dokumen HTML atau halaman web setelah diuraikan menjadi model objek dokumen (DOM). DOM adalah representasi internal di dalam browser web. Itu 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 inline 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 isi 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 - elemen blok vs inline dalam bentuk tabel
6. Ringkasan

Apa itu elemen blok?

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

digunakan untuk mendefinisikan paragraf. e.G.

Ini adalah paragraf

. Ada enam tag untuk mendefinisikan header. Mereka

,

,

..

. Programmer dapat menggunakan header yang sesuai.

Daftar yang dipesan didefinisikan oleh

    sedangkan daftar yang tidak dipesan didefinisikan oleh
      . Itu
      digunakan untuk menampilkan garis horizontal di halaman web. Itu digunakan untuk mengatur data dalam format tabel. Untuk setiap situs web, diperlukan untuk mengumpulkan data dari pengunjung situs. Formulir HTML digunakan untuk mendapatkan data dari pengguna. Itu juga elemen level blok.  Itulah beberapa contoh elemen blok dalam HTML.

      Apa itu elemen inline?

      Elemen inline hanya mengambil lebar yang diperlukan. Elemen -elemen itu tidak dimulai dengan baris baru. Beberapa contoh elemen inline 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. e.G. Kunjungi Google . Atribut target kosong. Oleh karena itu, dokumen baru akan terbuka di jendela baru. Jika atribut target adalah "_self", maka dokumen tertaut akan terbuka di jendela yang sama.

      Gambar 01: Contoh elemen blok dan inline

      Itu digunakan untuk menebus bagian teks. Itu Tag adalah untuk membuat teks miring. Halaman web harus rapi. Oleh karena itu, halaman web apa pun terdiri dari banyak gambar. Itu digunakan untuk menampilkan gambar di halaman. Tag ini membutuhkan dua atribut. Mereka SRC dan Alt. 'SRC' menggambarkan lokasi gambar dan 'alt' menjelaskan tentang gambar itu. e.G. “This. Ini adalah beberapa contoh elemen inline.

      Apa kesamaan antara elemen blok dan inline?

      • Elemen blok dan inline digunakan sebagai wadah di HTML.

      Apa perbedaan antara elemen blok dan inline?

      Elemen blok vs inline

      Elemen blok adalah elemen yang akan menjangkau seluruh lebar elemen induk, dan tidak akan memungkinkan elemen lain untuk menempati ruang horizontal yang sama seperti yang ditempatkan. Elemen inline adalah elemen yang tidak dapat ditempatkan langsung di dalam elemen tubuh dan yang bersarang di dalam elemen blok.
       Garis baru
      Blok elemen dimulai dengan baris baru. Elemen inline tidak dimulai dengan baris baru.
      Ruang yang dibutuhkan
      Elemen blok mengambil semua lebar. Elemen inline hanya akan mengambil lebar yang diperlukan.

      Ringkasan - Blokir vs Di barisan Elemen 

      HTML adalah singkatan dari Hyper Text Markup Language. Ini adalah bahasa yang terdiri dari tag. Setiap tag memiliki tugas tertentu dan mendefinisikan cara menyusun halaman web. Beberapa tag memiliki tag awal dan tag akhir. Beberapa tag tidak memiliki tag akhir.  Mereka disebut tag void. Parsing adalah proses analisis sintaksis. Setelah langkah parsing, tag ini menjadi elemen. Elemen dapat berupa elemen tingkat blok atau elemen inline. Perbedaan antara elemen blok dan inline adalah bahwa elemen blok mengambil lebar penuh yang tersedia sementara elemen inline mengambil lebar yang diperlukan untuk menampilkan isi elemen.

      Unduh elemen blok vs inline versi pdf

      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. “Blok HTML VS. Elemen inline dan penting.”V Pengembangan Web Sekolah, V Pengembangan Web Sekolah, 31 Mar. 2016. Tersedia disini 
      2.“Elemen HTML.”Wikipedia, Wikimedia Foundation, 10 Feb. 2018. Tersedia disini 
      3.Elemen blok dan inline html. Tersedia disini 
      4.Poin, tutorial. “Tinjauan HTML." Inti nya. Tutorials Point, 8 Jan. 2018. Tersedia disini