Perbedaan Antara Div Dan Span

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

Perbedaan Kunci - div vs span

HTML adalah bahasa yang banyak digunakan untuk mengembangkan halaman web. Itu singkatan dari Hyper Text Markup Language. Istilah Hyper mengacu pada penautan ke sumber daya web lain di internet. Istilah Markup mengacu pada kemampuan untuk membuat teks yang diformat dengan gambar dan sumber 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 menyusun halaman web untuk menampilkannya. Div dan span adalah dua tag dalam HTML. Setiap elemen HTML memiliki nilai tampilan default tergantung pada jenis elemennya. Jadi, mereka bisa menjadi elemen blok atau sebaris. Artikel ini membahas perbedaan antara div dan span. Perbedaan utama antara div dan span adalah bahwa div adalah elemen level blok sedangkan span adalah elemen inline.

ISI

1. Gambaran Umum dan Perbedaan Utama

2. Apa itu div

3. Apa itu span

4. Persamaan 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 tipe adalah. Semua tag html harus disertakan di dalam tag dan. Detail 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 judul. Konten di dalam tag awal dan akhir dikenal sebagai elemen. misalnya

Ini adalah sebuah paragraf

Gambar 01: HTML5

Setiap elemen HTML memiliki nilai tampilan default tergantung pada jenis elemennya. Nilai tampilan default dapat berupa blok atau sebaris. 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 merupakan elemen level blok dalam HTML. Sintaksnya adalah sebagai berikut.

Halo Dunia!

Elemen div adalah wadah untuk elemen lain. Oleh karena itu, sekumpulan elemen dapat dikemas ke dalam elemen div. Saat digunakan dengan Cascading Style Sheet (CSS), tag div dapat digunakan untuk mengatur gaya sebuah blok konten. Lihat bagian kode di bawah ini.

Dua paragraf berada 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 sebaris tidak dimulai pada baris baru. Ini hanya membutuhkan lebar yang dibutuhkan. Beberapa contoh elemen sebaris adalah,, dan

Tag span juga merupakan elemen inline dalam HTML. Sintaksnya adalah sebagai berikut.

Halo Dunia!

Gambar 02: tag div dan span

Tag span digunakan sebagai wadah untuk beberapa teks. Tag ini juga dapat digunakan dengan CSS. Oleh karena itu, sebagian teks dapat diberi gaya. Lihat contoh di bawah ini. 'Paragraf1' ada di dalam tag span. Warna ditambahkan menggunakan atribut gaya CSS.

Ini adalah paragraf1

Apa Persamaan Antara div dan span?

Baik div dan span adalah tag pengelompokan dalam HTML.
Baik div dan span berisi tag awal dan tag penutup.
Baik div dan span dapat memiliki atribut gaya.

Apa Perbedaan antara div dan span?

Artikel Diff Tengah sebelum Tabel

div vs span
Div adalah tag HTML yang mendefinisikan divisi atau bagian dalam dokumen HTML.	Span adalah tag HTML yang digunakan untuk mengelompokkan elemen sebaris dalam dokumen HTML.
Pemakaian
Tag div digunakan sebagai wadah untuk elemen lainnya.	Tag span digunakan sebagai wadah untuk beberapa teks.
Garis baru
Tag div dimulai dengan baris baru.	Tag span tidak dimulai dengan baris baru.
Lebar yang Diperlukan
Tag div akan mengambil semua lebar.	Tag span hanya akan mengambil lebar yang dibutuhkan.
Sintaksis

Ringkasan - div vs span

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 div vs span dalam format 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 div dan span