Pengaruh DIV dan CSS di HTML

Nama  : Salimah Zahrah Nurfakhira

NIM    : F1A224018

Pada tulisan ini saya akan membahas tentang DIV dan CSS dalam HTML. Saya menulis ini setelah melakukan dan mempelajari tentang DIV dan CSS. Pada tulisan ini saya menggunakan web offline yang telah saya buat.

DIV adalah fitur dalam HTML yang dipakai untuk menyimpan element dan penulisan HTML. HTML dapat dibuat tanpa DIV  tapi sama ibaratnya kita menulis di word tanpa enter bisa dibaca, akan terbaca  tapi tidak akan bagus di baca baik untuk penulis dan pembaca. DIV itu juga tempat untuk menyimpan element dan penulisan HTML. Untuk contoh pemakain DIV dapat dilihat pada gambar berikut.

Gambar 2 Contoh penggunaan Input DIV (Dokumen Pribadi).

Di atas merupakan contoh dari DIV, di atas ini merupakan satu DIV yang Dimana maksudnya mulai dari tulisan “<div class=container”  sampai </div> itu merupakan satu DIV. Maksudnya adalah di DIV di atas mengatur dimana kita akan menulis. Dapat dilihat ada “<div class” berarti DIV mengatur penulisan tersebut dalam satu class agar tidak terpindah-pindah ke tempat lain atau tidak kacau. Gambar di atas merupakan input DIV. Untuk melihat Output DIV yang tidak menggunakan CSS silahkan lihat pada gambar berikut.

Gambar 3 Contoh Output DIV yang tidak menggunakan CSS(Dokumen Pribadi).

CSS atau CASSADING STYLE SHEETS adalah fitur yang dipakai untuk mengatur dan mendesain bagian-bagian di HTML. CSS dipakai untuk memberikan gaya seperti bentuk, bentuk font, ukuran font, warna, jarak, dan banyak lagi. HTML bisa berdiri tanpa CSS namun HTML tidak akan cantik jika di ibaratkan sebuah rumah HTML merupakan fondasinya atau bangunannya kalua CSS merupakan interior dan isi dari rumah itu. Untuk contoh jika kita tidak memakai CSS dapat dilihat pada gambar berikut.

Gambar 4 Contoh jika kita tidak memakai CSS (Dokumen Pribadi).

Di atas merupakan contoh jika kita tidak memakai CSS. Untuk melihat efek pemakaian CSS dapat dilihat pada gambar berikut.

Gambar 5 Efek dari CSS (Dokumen Pribadi).

Untuk melihat hasil Output DIV dan CSS pada HTML dapat dilihat pada gambar berikut.

Gambar 6 Hasil Output DIV dan CSS (Dokumen Pribadi).