Perbezaan Antara Div Dan Span

Isi kandungan:

Perbezaan Antara Div Dan Span
Perbezaan Antara Div Dan Span

Video: Perbezaan Antara Div Dan Span

Video: Perbezaan Antara Div Dan Span
Video: 18. Membuat Grid dengan DIV dan SPAN | Muhammad Hasbi Assidiqqi 2024, Mungkin
Anonim

Perbezaan Utama - div vs span

HTML adalah bahasa yang banyak digunakan untuk mengembangkan laman web. Ia bermaksud Bahasa Markup Teks Hyper. Istilah Hyper merujuk kepada menghubungkan ke sumber web lain di internet. Istilah Markup merujuk kepada kemampuan membuat teks berformat dengan gambar dan sumber multimedia lain. Hyperlink adalah komponen utama dalam HTML yang menjadikan semua sumber web saling terhubung. Terdapat beberapa versi HTML. Mereka adalah HTML 2.0, 3.2, 4.01 dan HTML5. Pada dasarnya, HTML adalah dokumen teks dengan tag. Ini memberitahu penyemak imbas Web cara menyusun laman web untuk memaparkannya. Div dan span adalah dua tag dalam HTML. Setiap elemen HTML mempunyai nilai paparan lalai bergantung pada jenis elemen. Jadi, mereka boleh menjadi unsur blok atau sebaris. Artikel ini membincangkan perbezaan antara div dan span. Perbezaan utama antara div dan span adalah bahawa div adalah elemen tahap blok sementara span adalah elemen sebaris.

KANDUNGAN

1. Gambaran Keseluruhan dan Perbezaan Utama

2. Apa itu div

3. Apakah rentang

4. Persamaan Antara div dan span

5. Perbandingan Berdampingan - div vs span dalam Borang Jadual

6. Ringkasan

Apa itu div?

Semua dokumen html dimulakan dengan deklarasi jenis dokumen. Hari ini versi HTML yang paling biasa ialah HTML5. Oleh itu, pengisytiharan jenisnya adalah. Semua tag html harus disertakan di dalam dan tag. Perincian laman web yang diperlukan disertakan di dalam tag. Halaman web yang kelihatan ditulis di dalam tag. Terdapat tag untuk setiap tujuan. The

tag digunakan untuk perenggan. The

,

dll digunakan untuk tajuk. Kandungan di dalam tag permulaan dan akhir dikenali sebagai elemen. cth

Ini adalah perenggan

Perbezaan Antara div dan span
Perbezaan Antara div dan span

Gambar 01: HTML5

Setiap elemen HTML mempunyai nilai paparan lalai bergantung pada jenis elemen. Nilai paparan lalai boleh menjadi blok atau sebaris. Elemen tahap blok selalu bermula dengan baris baru. Elemen-elemen ini menggunakan keseluruhan lebar yang tersedia. Beberapa contoh elemen tahap blok adalah, dan

Tag div juga merupakan elemen tahap blok dalam HTML. Sintaksnya adalah seperti berikut.

Hai dunia!

Elemen div adalah wadah kepada unsur lain. Oleh itu, satu set elemen boleh dimasukkan ke dalam elemen div. Ketika digunakan dengan Cascading Style Sheet (CSS), tag div dapat digunakan untuk menata blok isi. Rujuk bahagian kod di bawah.

Perbezaan Antara div dan span Gambar 03
Perbezaan Antara div dan span Gambar 03

Dua perenggan berada di dalam tag div. Semua kandungan di dalam tag div mempunyai warna latar hitam dan warna fon berwarna putih.

Apa itu span?

Tidak seperti elemen tahap blok, elemen sebaris tidak bermula pada baris baru. Ia hanya memerlukan lebar yang diperlukan. Beberapa contoh elemen sebaris adalah, dan

Tag span juga merupakan elemen sebaris dalam HTML. Sintaksnya adalah seperti berikut.

Hai dunia!

Perbezaan Utama Antara div dan span
Perbezaan Utama Antara div dan span

Gambar 02: tanda div dan span

Tag span digunakan sebagai wadah untuk beberapa teks. Tag ini juga boleh digunakan dengan CSS. Oleh itu, bahagian teks boleh digayakan. Rujuk contoh di bawah. 'Ayat1' berada di dalam span tag. Warna ditambahkan menggunakan atribut gaya CSS.

Ini adalah perenggan1

Apakah Persamaan Antara div dan span?

  • Kedua-dua div dan span mengelompokkan tag dalam HTML.
  • Kedua-dua div dan span mengandungi tag permulaan dan tanda akhir.
  • Kedua-dua div dan span boleh mempunyai atribut gaya.

Apakah Perbezaan Antara div dan Span?

Artikel Diff Tengah sebelum Jadual

div vs span

Div adalah tag HTML yang menentukan pembahagian atau bahagian 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
Tanda div bermula dengan baris baru. Tag span tidak bermula dengan baris baru.
Lebar yang diperlukan
Tag div akan mengambil semua lebar. Tag span hanya akan mengambil lebar yang diperlukan.
Sintaks

Ringkasan - div vs span

HTML bermaksud Hyper Text Markup Language. Ia digunakan untuk mengembangkan laman web. Bahasa ini terdiri daripada tanda nama. Tag pengelompokan div dan span dalam HTML. Mereka digunakan untuk menentukan bahagian dalam dokumen. Artikel ini menjelaskan perbezaan antara tag div dan span. Perbezaan antara div dan span adalah bahawa div adalah elemen tahap blok sementara span adalah elemen sebaris.

Muat turun PDF div vs span

Anda boleh memuat turun versi PDF artikel ini dan menggunakannya untuk tujuan luar talian seperti dalam catatan petikan. Sila muat turun versi PDF di sini: Perbezaan Antara div dan span

Disyorkan: