Tag DIV adalah salah satu tag dalam kode html yang paling banyak
digunakan. Tag DIV merupakan sebuah "wadah" bagi semua dokumen (teks,
image dll) dan di dalam tag DIV biasanya berisi sekaligus beberapa
elemen html/tag html. Dalam desain web/blog, tag DIV bahkan menjadi
wadah (memuat) keseluruhan halaman-halaman blog yang didalamya juga
berisikan tag div dan beberapa tag yang lain. Sekalipun tag DIV secara
khusus mempunyai karakter/sifat bawaan seperti "display:block", namun
sifat-sifat ini dapat dirubah menggunakan kode css.
Dalam penggunaanya, beberapa attribute atau properti css harus
ditambahkan agar tag DIV mampu berfungsi sesuai dengan apa yng
diharapkan. Dalam bentuk yang paling sederhana anda dapat membuat
boks/kotak dengan memanfaatkan tag DIV.
Contoh:
<div style="width:700px;height:30px;background:lightblue;border:5px solid blue;margin:20px auto;"></div>
Tag DIV di atas akan membentuk sebuah box seperti berikut:
Tag DIV menjadi box/wadah bagi beberapa tag lain :
<div style="float:left;background:lightblue;border:5px solid green;margin:20px 0;width:400px;padding:10px;font:normal 12px Arial;"> <h3>Rally Paris Dakkar 2012</h3> <p><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgmhkpY0cnjTa6HSLTUAH5jiqp-XZlox16Schyphenhyphen6qqAR3l4hZv4BV2canHpOkXvpjIkss9TF2TKaQ4HvnTw9_N8BwRM3RKh9I3MozGZ4okgDSLC5QPjYcygui6E5qlMzq1YVC22FYLXvZg/s128/red-car-200x143.jpg" width="100" height="62" style="border:2px solid #888;margin:0 20px 5px 0;padding:0;float:left;" />Di tahun 2012 ini, Rally terbesar dan terhebat se-jagad raya "Jelajah - Mars" mendapat kejutan besar dengan keikutsertaan 20 perally dari Indonesia. Ke 20 perally asal Indonesia ini bukanlah peserta yang dapat disepelekan karena mereka sudah berpengalaman dalam berbagai ajang rally tingkat nasional dan antar planet. Salah satu perally Indonesia yang dipandang mampu memberi surprise pada rally terhebat tahun ini adalah <a href="http://gubhugreyot.blogspot.com" target="_blank" title="Panduan, tutorial, tips & trik blogger - blogdetik">'cah ndeso kluthuk</a> atau yang biasa dipanggil <a href="http://bestbloggerhack.blogspot.com" target="_blank" title="Best Blogger Hacks">gubhugreyot</a></p></div>
Hasil Kode Html di atas akan menjadi seperti ini :
Rally Paris Dakkar 2012
Di tahun 2012 ini, Rally terbesar dan terhebat se-jagad raya "Jelajah - Mars" mendapat kejutan besar dengan keikutsertaan 20 perally dari Indonesia. Ke 20 perally asal Indonesia ini bukanlah peserta yang dapat disepelekan karena mereka sudah berpengalaman dalam berbagai ajang rally tingkat nasional dan antar planet. Salah satu perally Indonesia yang dipandang mampu memberi surprise pada rally terhebat tahun ini adalah 'cah ndeso kluthuk atau yang biasa dipanggil gubhugreyot
