Perbedaan Antara div dan span

2024 Pengarang: Alex Aldridge | [email protected]. Terakhir diubah: 2023-12-17 13:42

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 tautan ke sumber daya web lain di internet. Istilah Markup mengacu pada kemampuan untuk membuat teks berformat 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 memberitahu browser Web cara untuk 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 inline. 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 sebaris.

Apa itu div?

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

tag digunakan untuk paragraf.

,

dll. digunakan untuk heading. 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 elemennya. 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 merupakan elemen level blok dalam HTML. Sintaksnya adalah sebagai berikut.

Halo Dunia!

Elemen div adalah wadah untuk elemen lain. 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 membutuhkan lebar yang dibutuhkan. Beberapa contoh elemen sebaris adalah,, dan

Tag span juga merupakan elemen sebaris 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, bagian dari teks dapat ditata. Lihat contoh di bawah ini. 'Paragraph1' ada di dalam tag span. Warna ditambahkan menggunakan atribut gaya CSS.

Ini adalah paragraf1

Apa Persamaan Antara div dan span?

• Div dan span keduanya mengelompokkan tag dalam HTML.
• Div dan span keduanya 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.	Span adalah tag HTML yang digunakan untuk mengelompokkan elemen sebaris dalam dokumen HTML.
Penggunaan
Tag div digunakan sebagai wadah untuk elemen lain.	Tag span digunakan sebagai wadah untuk beberapa teks.
Baris 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.
Sintaks

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 sebaris.

Unduh PDF div vs span

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