Elemen blok HTML dan elemen teks

Boleh menggabungkan elemen HTML menggunakan <div> dan <span>.

Elemen blok HTML

Banyak elemen HTML ditakrifkan sebagai elemen blok atau elemen inline.

Catatan penulis: 'Elemen blok' diterjemahkan sebagai block level element, 'Elemen inline' diterjemahkan sebagai inline element.

Elemen blok biasanya memulai baris baru (dan berakhir) semasa papan pertunjukan dalam pelayar.

Contoh: <h1>, <p>, <ul>, <table>

Elemen Inline HTML

Elemen inline biasanya tidak memulai baris baru semasa papan pertunjukan.

Contoh: <b>, <td>, <a>, <img>

Elemen <div> HTML

Elemen <div> HTML adalah elemen blok, ia adalah wadah yang dapat digunakan untuk menggabungkan elemen HTML lain.

Elemen <div> tidak mempunyai makna khusus. Selain itu, kerana ia adalah elemen blok, pelayar akan menunjukkan garis pemadaman sebelum dan selepasnya.

Bila digunakan bersama CSS, elemen <div> dapat digunakan untuk menata atribut gaya sebahagian besar konten.

Penggunaan yang umum lain bagi elemen <div> adalah tata letak dokumen. Ia menggantikan kaedah lama penggunaan jadwal tabel. Pemakaian elemen <table> untuk tata letak dokumen bukan penggunaan yang betul bagi elemen <table>. Fungsi elemen <table> adalah untuk menunjukkan data tabular.

Elemen <span> HTML

Elemen <span> HTML adalah elemen inline, dapat digunakan sebagai wadah teks.

Elemen <span> tidak mempunyai makna khusus.

Bila digunakan bersama CSS, elemen <span> dapat digunakan untuk menata atribut gaya teks sebahagian.

Tanda grup HTML

Tanda Deskripsi
<div> Definisi area atau bagian (division/section) dalam dokumen.
<span> Definisi span, digunakan untuk menggabungkan elemen baris dalam dokumen.