Elemen blok HTML dan elemen teks

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

Elemen blok HTML

Sebagian besar elemen HTML ditentukan sebagai elemen blok atau elemen inline.

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

Elemen blok biasanya dimulai dengan baris baru ketika ditampilkan di peramban (dan berakhir).

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

Elemen Inline HTML

Elemen inline biasanya tidak memulai baris baru ketika ditampilkan.

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

Elemen <div> HTML

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

Elemen <div> tidak memiliki makna khusus. Selain itu, karena ia adalah elemen blok, peramban akan menampilkan paragraf di depan dan belakangnya.

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

Penggunaan yang umum lainnya dari elemen <div> adalah layout dokumen. Ini menggantikan metode lama yang menggunakan tabel untuk menata layout. Penggunaan elemen <table> untuk layout dokumen bukan penggunaan yang benar untuk tabel. Fungsi elemen <table> adalah untuk menampilkan data tabular.

Elemen <span> HTML

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

Elemen <span> tidak memiliki makna khusus.

Ketika digunakan bersama CSS, elemen <span> dapat digunakan untuk menata atribut gaya teks bagian tertentu.

Tag kelompok HTML

Tag Deskripsi
<div> Definisi divisi atau bagian (division/section) dalam dokumen.
<span> Definisi span, digunakan untuk menggabungkan elemen teks dalam dokumen.