Kunci Perbedaan - div vs. menjangkau
 

HTML adalah bahasa yang banyak digunakan untuk mengembangkan halaman web. Ini adalah singkatan dari Hyper Text Markup Language. Istilah Hyper mengacu pada menautkan ke sumber daya web lain di internet. Istilah Markup mengacu pada kemampuan untuk membuat teks yang diformat dengan gambar dan sumber daya multimedia lainnya. Hyperlink adalah komponen utama dalam HTML yang membuat semua sumber daya web terhubung bersama. Ada beberapa versi HTML. Mereka adalah HTML 2.0, 3.2, 4.01 dan HTML5. Pada dasarnya, HTML adalah dokumen teks dengan tag. Ini memberi tahu browser Web cara untuk menyusun halaman web untuk menampilkannya. The div dan span adalah dua tag dalam HTML. Setiap elemen HTML memiliki nilai tampilan default tergantung pada jenis elemen. Jadi, mereka bisa menjadi elemen blok atau inline. Artikel ini membahas perbedaan antara div dan span. Itu perbedaan utama antara div dan span adalah itu div adalah elemen level blok sementara span adalah elemen inline.

ISI

1. Ikhtisar dan Perbedaan Utama
2. Apa div
3. Apa itu span
4. Kesamaan antara div dan span
5. Perbandingan Berdampingan - div vs span dalam Bentuk Tabular
6. Ringkasan

Apa itu div?

Semua dokumen html dimulai dengan deklarasi tipe dokumen. Saat ini versi HTML yang paling umum adalah HTML5. Oleh karena itu, deklarasi type adalah. Semua tag html harus disertakan di dalam tag dan. Rincian yang diperlukan dari halaman web disertakan di dalam tag. Halaman web yang terlihat ditulis di dalam tag. Ada tag untuk setiap tujuan. Itu

tag digunakan untuk paragraf. Itu

,

dll digunakan untuk pos. Konten di dalam tag awal dan akhir dikenal sebagai elemen. misalnya.

Ini adalah paragraf

.

Gambar 01: HTML5

Setiap elemen HTML memiliki nilai tampilan default tergantung pada jenis elemen. Nilai tampilan default dapat berupa blok atau inline. Elemen level blok selalu dimulai dengan baris baru. Elemen-elemen ini mengambil seluruh lebar yang tersedia. Beberapa contoh elemen level blok adalah

, ,

---

dan .

Tag div juga elemen tingkat blok dalam HTML. Sintaksnya adalah sebagai berikut.

Halo Dunia!

Elemen div adalah wadah untuk elemen lainnya. Oleh karena itu, satu set elemen dapat dikemas ke dalam elemen div. Saat digunakan dengan Cascading Style Sheet (CSS), tag div dapat digunakan untuk menata blok konten. Lihat potongan kode di bawah ini.

Dua paragraf ada di dalam tag div. Semua konten di dalam tag div memiliki warna latar belakang hitam dan warna font putih.

Apa itu span?

Tidak seperti elemen level blok, elemen inline tidak dimulai pada baris baru. Hanya dibutuhkan lebar yang dibutuhkan. Beberapa contoh elemen inline adalah , ,
dan .

Tag rentang juga merupakan elemen sebaris dalam HTML. Sintaksnya adalah sebagai berikut.

Halo Dunia!

Gambar 02: tag div dan span

Tag rentang digunakan sebagai wadah untuk beberapa teks. Tag ini juga dapat digunakan dengan CSS. Karena itu, sebagian teks dapat ditata. Lihat contoh di bawah ini. 'Paragraf 1' ada di dalam tag rentang. Warna ditambahkan menggunakan atribut gaya CSS.

Ini adalah paragraf1

Apa persamaan antara div dan span?

• Kedua div dan span adalah tag pengelompokan dalam HTML.
• Kedua div dan span berisi tag awal dan tag akhir.
• Baik div dan span dapat memiliki atribut style.

Apa Perbedaan Antara div dan span?

div vs span
Div adalah tag HTML yang mendefinisikan divisi atau bagian dalam dokumen HTML.	Rentang ini adalah tag HTML yang digunakan untuk mengelompokkan elemen inline dalam dokumen HTML.
Pemakaian
Tag div digunakan sebagai wadah untuk elemen lain.	Tag rentang digunakan sebagai wadah untuk beberapa teks.
Garis baru
Tag div dimulai dengan baris baru.	Tag rentang tidak dimulai dengan baris baru.
Lebar yang Dibutuhkan
Tag div akan mengambil semua lebar.	Tag rentang hanya akan mengambil lebar yang diperlukan.
Sintaksis

Ringkasan - div vs. menjangkau 

HTML adalah singkatan dari Hyper Text Markup Language. Ini digunakan untuk mengembangkan situs web. Bahasa ini terdiri dari tag. Tag pengelompokan div dan span dalam HTML. Mereka digunakan untuk mendefinisikan bagian dalam dokumen. Artikel ini menjelaskan perbedaan antara tag div dan span. Perbedaan antara div dan span adalah bahwa div adalah elemen level blok sedangkan span adalah elemen inline.

Unduh PDF dari div vs span

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

Referensi:

1.tutorialspoint.com. "Blok HTML." Intinya, Tersedia di sini  
2. Blok HTML dan Elemen sebaris. Tersedia disini 

Gambar milik:

1.'HTML5 logo dan wordmark'By W3C, (CC BY 3.0) melalui Commons Wikimedia