Fungsi dan Cara Integrasi Kode CSS ke Halaman HTML

Fungsi dan Cara Mengintegrasikan Kode CSS ke Halaman HTML

Belajar tentang Cascading Style Sheet atau biasa disebut dengan CSS merupakan hal yang sangat penting sebab HTML dan CSS merupakan dua hal yang tidak bisa dipisahkan dalam website sekarang ini. HTML dipakai untuk membuat konten atau kerangka logis dari sebuah halaman web, sementara CSS dipakai untuk mengatur tampilan web baik dari font atau warna yang dipakai.

Pengertian CSS

CSS merupakan kumpulan kode yang dipakai untuk mendefinisikan desain bahasa markup dan bahasa markup tersebut salah satunya adalah HTML. CSS umumnya memang selalu dihubungkan dengan HTML sebab akan saling melengkapi. HTML berfungsi untuk membuat struktur atau konten halaman web, sementara CSS untuk tampilan halaman web.

Fungsi CSS

CSS awalnya dibutuhkan untuk halaman web yang bertambah kompleks. Pada awal keluarnya HTML, kita bisa membuat paragraf warna merah dengan cara menulis langsung kode di dalam tag HTML atau juga bisa membuat background halaman dengan wana biru seperti contoh gambar berikut ini:

Akan tetapi sesudah website mempunyai 50 artikel atau lebih dan karena sesuatu anda ingin mengubah semua text merah menjadi biru, maka diperlukan waktu yang tidak sedikit untuk mengubahnya secara satu per satu dan halaman per halaman.

Dalam kondisi ini, CSS akan berusaha memisahkan tampilan dari konten dan untuk paragraf yang sama, berikut adalah kode HTML jika ditambahkan dengan kode CSS.

Pada contoh diatas, tag diubah menjadi tag. Tag adalah tag yang tidak memiliki arti akan tetapi bisa dikostumisasi memakai CSS. Atribut class berfungsi untuk memasukkan kode CSS di tag