Span pada HTML - Referensi HTML

Mirip seperti DIV, span adalah tag HTML yang tidak punya makna apa-apa ketika berdiri sendiri. Ia berguna untuk memberi aksi atau hiasan pada sebuah atau sekelompok elemen HTML.

Contoh penggunaan span

Dibandingkan dengan div, penggunaan span biasanya hanya pada suatu text, atau elemen ‘kecil’. Contoh

<p>Saya adalah sebuah paragraf yang berisi <span>tag span</span> di tengahnya.</p>

Hasilnya:

Saya adalah sebuah paragraf yang berisi tag span di tengahnya.

Contoh span yang menggunakan CSS

<p>Saya adalah sebuah paragraf yang berisi 
    <span style='background:blue;'>tag span</span> di tengahnya.</p>

Hasilnya

Saya adalah sebuah paragraf yang berisi tag span di tengahnya.

Tentunya kamu bisa menggunakan lebih dari satu span

<p>Saya adalah sebuah paragraf yang berisi 
    <span style='background:blue;'>tag span</span> di tengahnya
    dan di bagian <span style='background:orange;'>akhir</span>.</p>

Hasilnya

Saya adalah sebuah paragraf yang berisi tag span di tengahnyadan di bagian akhir.

Span adalah tag yang bersifat `inline` atau muncul di baris yang sama.