Tutorial Fungsi dan Cara Input Kode CSS ke Halaman HTML

15 September 2019 by Maressa Anastasya
Fungsi dan Cara Input 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:

css html

 

css htmlAkan 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.

css html

 

css htmlPada 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

Komentar

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.
Bidang yang harus diisi ditandai *

WhatsApp
IDprogrammer
IDprogrammer
Office

Kota Malang
- Jl. Laksda Adisucipto G.22 (Graha Cipta Residence Blok B.5)

Blitar
- Jl. Jendral Sudirman, Kecamatan Ponggok / Ruko Pojok No 8, Kab Blitar

About Us
IDprogrammer merupakan perusahaan IT yang fokus melayani jasa pembuatan Website dan Aplikasi Profesional
Office

Kota Malang
- Jl. Laksda Adisucipto G.22 (Graha Cipta Residence Blok B.5)

Blitar
- Jl. Jendral Sudirman, Kecamatan Ponggok / Ruko Pojok No 8, Kabupaten Blitar

About Us
IDprogrammer merupakan perusahaan IT yang fokus melayani jasa pembuatan Website dan Aplikasi Profesional
© Copyright 2019 IDprogrammer. All rights reserved.