Penggunaan DIV dan SPAN

Sebelum ini saya sudah menjelaskan tentang cara memebuat table, nah kita sekarang akan membahas  tentang Fugsi DIV dan SPAN pada tag HTML, sekarang saya akan menjelaskan tentang Tag DIV dan SPAN yang sering di gunakan untuk mengelompokkan element-element HTML. Div sendiri memiliki arti dari division, tag ini merupakan block element yang berguna untuk menggabungkan atau membuat group tag-tag/element-element, baik itu block ataupun inline element yang ada di dalam tag div itu sendiri.

digunakan untuk mendefinisikan inline content sementara Div digunakan untuk blocklevel content.
Contoh sederhananya

<div id=”header”> <h2>TITLE</h2>putroweb</p> </div>

Contoh dari penggunaan DIV dan SPAN

Contoh Form Registrasi

Udah tahu belum gimana caranya membuat suatu alat untuk menginputkan data diri, ya semacam From regestrasi. Form registrasi biasanya digunakan saat kita mendaftar suatu forum atau mengikuti suatu organisasi dalam dunia nyata atau maya sekalipun. Pada Contoh From regestrasi disini kita akan menginputkan:

• Nama
• Tanggal lahir
• Alamat tempat tinggal
• Kota tempat tinggal
• Pekerjaan
• Jenis kelamin
• Hoby
• Dan terdapat tombol button kirim dan reset

jadi tanpa basi basi - langsung ke contoh aja OK.

Photo Profile Berbingkai

Pernah melihat photo Profile berbingkai atau berfigura, langkah ini membuat Photo kita nampak  lebih berkesan jika dilihat mata. Cara membuatnya sangat mudah sekali, yaitu hanya merubah nilai border pada stylee sheet CSS pada bagian untuk photo profil. berikut langkah - langkahnya : 

• Sign in
• Klik menu Layout / Tatak Letak
  
• Klik menu Edit HTML
• Klik kotak kecil di samping tulisan Expand Template Widget
• Cari kode yang mirip dengan kode di bawah ini :

.profile-img { float: left; margin: 0 5px 5px 0; padding: 4px; border: 1px solid $bordercolor; }

Ganti nilai border dengan nilai yang lebih besar, contoh 6px, sehingga kodenya akan seperti ini :