Perbedaan tag div dan tag span
Kedua tag ini sangat berguna dalam pembuatan struktur webiste, kedua tag ini memang tidak ada maknanya, namun kedua tag ini di perlukan ketika kita sudah membuat sebuah website dengan css.Kedua tag ini tidak ada bedanya, sama-sama berguna untuk membuat sebuah grup pada satu atau beberapa element html.Tetapi yang sering digunakan oleh para developer web adalah tag <div> (entah kenapa harus tag div sedangkan tag span juga bisa di pakai, mungkin tag div mudah di ingat kali ya).Kedua tag ini juga tidak akan muncul pada browser.Pada tag <div> jika kita ingin men-interaksi dengan css kita harus menambahkan id dan juga class (Kita sudah membahas pada artikel sebelumnya Mengenal ID dan Class pada html), begitu juga degan tag <span>.Coba langsung ketik script di bawah ini saja.
<!DOCTYPE html>
<html>
<head>
<title>Perbedaan tag div dan tag span</title>
<style type="text/css">
.h1{
color: blue;
font-family: arial;
}
</style>
</head>
<body>
<div class="h1">
<h1>Ini adalah h1 menggunakan tag div</h1>
</div>
</body>
</html>
 |
| Tutorial HTML : Perbedaan tag div dan tag span |
Coba anda lihat pada kode di atas, kita menggunakan tag <div> dan di dalamnya menggunakan tag <h1>, kita bisa lihat bahwa tag div ini berfungsi untuk memberikan sebuah grup pada beberapa element html yang ada.
Dan mari ketik script di bawah ini (Tag span).
<!DOCTYPE html>
<html>
<head>
<title>Perbedaan tag div dan tag span</title>
<style type="text/css">
.h1{
color: blue;
font-family: arial;
}
</style>
</head>
<body>
<span class="h1">
<h1>Ini adalah h1</h1>
</span>
</body>
</html>
Dan coba lihat hasilnya, pasti akan sama pada gambar diatas sebelumnya.
Kedua tagnya sama dan tidak ada perbedaan, tapi kenapa judulnya perbedaan tag div dan span? Oke, saya akan memberitahunya.Tag div adalah block element, sedangkan tag span adalah inline element, gimana bedakan? hehehe yang jelas beda lah.
Semoga dapat bermanfaat untuk anda.
