Cara Menggunakan Tag Div Pada Html

Halo sobat kita bertemu lagi dalam artikel lanjutan tentang html. Kali ini kita akan membahas tentang penggunaan tag <div> pada html. Pertama kita harus tau fungsi tag <div>. Tag <div> adalah singkatan dari division , merupakan suatu tag html yang digunakan untuk membuat suatu bagian atau mengelompokkan file tertentu pada html agar mempermudah saat kita ingin mencarinya atau mengeditnya.

Struktur penggunaan tag div diawali dengan <div> dan diakhiri dengan </div>. selanjutnya biasanya diikuti dengan (ID) ataupun (class) seperti contoh dibawah ini:

<div id="header"> <h1> Judul Website </h1> <p> Keterangan Website </p> </div>
Kode html diatas merupakan penggunaan tag <div> untuk header website. Tentunya belum menarik jika belum ditambah dengan css, tapi kali ini kita hanya membahas html saja , so sabar ya semua ada prosesnya.

Oke kita bahas mengenai perbedaan tag div menggunakan ID dan CLASS. Dipermudah saja penjelasannya ya supaya tidak bingung. ID digunakan untuk penamaan struktur html yang hanya terdapat 1 didalam sebuah website, contohnya Header dan Footer. Dalam suatu website biasanya hanya ada satu header dan footer.
Untuk CLASS ini penggunaannya bisa diulang-ulang contohnya: Img (gambar) , ini berguna saat nanti kita menghias web dengan css, menggunakan class jadi tidak perlu mengedit semua atrribut gambar.

Saya rasa cukup sekian penjelasan tentang div pada html. Jangan lupa untuk lebih giat berlatih agar kalian menjadi semakin akrab dengan Html. Akhir kata saya minta maaf apabila ada kesalahan kata.

Wassalam ...