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
