Jika anda belum mengetahuinya, mari kita simak artikel di bawah ini. Pada kesempatan kali ini saya akan menuliskan sebuah artikel tentang DIV pada html. Apa yang di maksud dengan div adalah singkatan dari division yaitu sebuah tag html yang di gunakan untuk membuat suatu bagian atau kelompok tertentu untuk mengelompokan suatu file agar lebih mudah saat kita ingin mencarinya. Fungsi utama div adalah suatu element yang di gunakan untuk mengelompokan suatu element atau tag tag agar menjadi suatu group, meskipun tag / element dalam div itu sendiri.
Berikut adalah contoh tag div yang kita gunakan:
Membuat format teks rata kiri
<div style="text-align: left;">
Saya menggunakan tag div dengan format teks rata kiri
</div>
Saya menggunakan tag div dengan format teks rata kiri
</div>
hasilnya
Saya menggunakan tag div dengan format teks rata kiri
Membuat format teks rata kanan
<div style="text-align: right;">
Saya menggunakan tag div dengan format teks rata kanan
</div>
Saya menggunakan tag div dengan format teks rata kanan
</div>
hasilnya
Saya menggunakan tag div dengan format teks rata kanan
Membuat format teks rata tengah
<div style="text-align: center;">
Saya menggunakan tag div dengan format teks rata tengah
</div>
Saya menggunakan tag div dengan format teks rata tengah
</div>
hasilnya
Saya menggunakan tag div dengan format teks rata tengah
Membuat format teks rata kanan kiri
<div style="text-align: justify;">
Saya menggunakan tag div dengan format teks rata kanan kiri
</div>
Saya menggunakan tag div dengan format teks rata kanan kiri
</div>
hasilnya
Saya menggunakan tag div dengan format teks rata kanan kiri
kita lanjut ke tag div berikutnya .
Selain untuk membuat tata letak sebuah teks, Tag div juga di gunakan untuk memberi background warna .
Membuat Background warna pada teks
<div style="background:#FFF000;">
Saya menggunakan tag div untuk memberi background warna kuning
</div>
Saya menggunakan tag div untuk memberi background warna kuning
</div>
hasilya
Saya menggunakan tag div untuk memberi background warna kuning
Wah dgn background Warna kuning tulisan jadi gag jelas tuh.!!
Yaa.. Karna saya menggunakan css gelap dgn teks tarna putih.. Jadi teks putih di kasih background warna kuning agak susah untuk di baca .
untuk itu kita merubah warna teks yg di kasih background.
Memberi warna pada tek dalam background
<div style="background:#FFF000; color:#FF0000;">
Saya menggunakan tag div untuk memberi background warna kuning dan teks warma merah
</div>
Saya menggunakan tag div untuk memberi background warna kuning dan teks warma merah
</div>
hasilnya
Saya menggunakan tag div untuk memberi background warna kuning dan teks warna merah
selanjutnya
menambahkan border atau bingkai pada tepi background
<div style="background:#FFF000; color:#FF0000; border:3px #FF0000 outset; padding:10px">
Saya menggunakan tag div untuk memberi background warna kuning dan teks warna merah serta bingkai warna merah </div>
Saya menggunakan tag div untuk memberi background warna kuning dan teks warna merah serta bingkai warna merah </div>
hasilnya
Saya menggunakan tag div untuk memberi background warna kuning dan teks warna merah serta bingkai warna merah