Elemen Blok & Inline
HTML merupakan 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 diapit di dalam kurung sudut. Sintaksnya mirip dengan <nama tag>.
Sebagian besar tag juga memiliki tag penutup. Ketika <html>, merupakan istilah yang mengacu pada sebuah tag, tag penutupnya adalah </html>.
Beberapa tag tidak memiliki tag penutup. Contoh tag tersebut adalah <br > dan <img >.
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 sebaris. Elemen blok memiliki struktur persegi panjang.
Elemen sebaris dapat disematkan dalam elemen blok. Perbedaan yang jelas dari mereka, blok dan elemen sebaris adalah elemen blok menggunakan lebar penuh yang tersedia sedangkan elemen sebaris mengambil lebar yang diperlukan untuk menampilkan konten elemen.
ISI
- Ikhtisar dan Perbedaan Utama 2.
Apa itu Elemen Blok3. Apa itu Elemen Sebaris4.
Kemiripan Antara Blok dan Elemen Inline 5. Perbandingan Berdampingan – Blok & Elemen Inline dalam Bentuk Tabular6.
Ringkasan
Pengertian Elemen Blok?
Elemen blok mengambil lebar penuh yang tersedia. Elemen tersebut selalu dimulai dengan baris baru.
Beberapa contoh elemen blok, merupakan istilah yang mengacu pada sebagai berikut. <p> digunakan untuk mendefinisikan sebuah paragraf.
misalnya <p> Ini adalah paragraf </p>. Ada enam tag untuk mendefinisikan header.
Mereka adalah <h1>, <h2>, <h3> … <h6>. Programmer dapat menggunakan header yang sesuai.
Daftar terurut ditentukan oleh <ol> sedangkan daftar tidak terurut ditentukan oleh <ul>. <hr> digunakan untuk menampilkan garis horizontal melintasi halaman web.
<table> 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. Ini juga merupakan elemen level blok.
Itulah beberapa contoh elemen blok pada HTML.
Pengertian Elemen Sebaris?
Elemen sebaris hanya mengambil lebar yang diperlukan. Elemen tersebut tidak dimulai dengan baris baru.
Beberapa contoh elemen inline, merupakan istilah yang mengacu pada sebagai berikut. <a> digunakan untuk membuat tautan 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 <a href= https://www.google.lk target= “_blank” > Kunjungi Google </a>. 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.
<b> digunakan untuk menebalkan bagian teks. Tag <i> adalah untuk membuat teks miring.
Halaman web harus rapi. Oleh karena itu, setiap halaman web terdiri dari banyak gambar.
<img> 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.
misalnya <img src= “/gambar/gambar1.jpg” alt = “Ini adalah gambar” />. Ini adalah beberapa contoh elemen inline.
Apa Persamaan Antara Elemen Blok dan Inline?
- Elemen blok dan inline digunakan sebagai wadah dalam HTML.
Apa Perbedaan Antara Elemen Blok dan Inline?
Blokir & Elemen Sebaris |
|
|
Elemen blok, merupakan istilah yang mengacu pada elemen yang akan menjangkau seluruh lebar elemen induk, dan tidak akan mengizinkan elemen lain untuk menempati ruang horizontal yang sama seperti yang ditempatkan. |
Elemen sebaris adalah elemen yang tidak dapat ditempatkan langsung di dalam elemen body 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 & Elemen Sebaris
HTML, merupakan istilah yang mengacu pada singkatan dari bahasa Hyper Text Markup. Ini adalah bahasa yang terdiri dari tag.
Setiap tag memiliki tugas tertentu dan menentukan cara menyusun halaman web. Beberapa tag memiliki tag awal dan tag akhir.
Beberapa tag tidak memiliki tag penutup. Mereka disebut tag kosong.
Parsing adalah proses analisis sintaksis. Setelah langkah penguraian, tag ini menjadi elemen.
Elemen dapat berupa elemen tingkat blok atau elemen sebaris. Perbedaan antara elemen blok dan sebaris adalah elemen blok menggunakan lebar penuh yang tersedia sedangkan elemen sebaris mengambil lebar yang diperlukan untuk menampilkan konten elemen.
Unduh Versi PDF Blok & Elemen Sebaris
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 Sebaris dan Penting.” Pengembangan Web V School, Pengembangan Web V School, 31 Maret 2016.
Tersedia di sini 2.“HTM L element.” Wikipedia, Wikimedia Foundation, 10 Februari 2018. Tersedia di sini 3.
Blok HTML dan Elemen Sebaris. Tersedia di sini 4.Point, Tutorial.
“Ikhtisar HTML.” Inti nya. Poin Tutorial, 8 Januari 2018.
Tersedia di sini