INFO LOWONGAN KERJA TERBARU KLIK DISINI

01 - Pengertian Css, Apa Yang Dimaksud Dengan

Pengertian CSS
Dalam bahasa bakunya, menyerupai di kutip dari wikipedia, CSS yaitu “kumpulan instruksi yang dipakai untuk mendefenisikan desain dari bahasa markup” , dimana bahasa markup ini salah satunya yaitu HTML.

Untuk pengertian bebasnya, CSS yaitu kumpulan instruksi jadwal yang dipakai untuk mendesain atau mempercantik tampilan halaman HTML. Dengan CSS kita dapat mengubah desain dari text, warna, gambar dan latar belakang dari (hampir) semua instruksi tag HTML.

CSS biasanya selalu dikaitkan dengan HTML, alasannya yaitu keduanya memang saling melengkapi. HTML ditujukan untuk menciptakan struktur, atau konten dari halaman web. Sedangkan CSS dipakai untuk tampilan dari halaman web tersebut. Istilahnya, “HTML for content, CSS for Presentation”.

Fungsi dan Kegunaan CSS
Awal mula diperlukannya CSS dikarenakan kebutuhan akan halaman web yang semakin kompleks. Pada awal kemunculan HTML, kita dapat menciptakan suatu paragraf bewarna merah dengan menulis eksklusif instruksi tersebut didalam tag HTML, atau menciptakan latar belakang sebuah halaman dengan warna biru. Contoh instruksi HTML untuk hal itu yaitu sebagai berikut:

kumpulan instruksi yang dipakai untuk mendefenisikan desain dari bahasa markup 01 - Pengertian CSS, Apa yang dimaksud dengan <html>
<head>
   <title>Test Background Color CSS</title>
   <style type="text/css">
     .warna {
       color: red;
     }
   </style>
</head>
  
<body>
    <p>
      CSS merupakan bahasanya <span class=warna>desainer web</span>.
      Namun sebenarnya, apa itu CSS?
    <br />
      <span class=warna>CSS </span>adalah kumpulan kode
      yang dipakai untuk mendefenisikan desain dari bahasa markup,
      <span class=warna>salah satunya yaitu HTML</span>.
    <br />
      Dengan CSS kita dapat mengubah desain dari
      <span class=warna>text, warna, gambar dan latar belakang</span>
      dari (hampir) semua instruksi tag HTML.
    </p>
</body>
</html>
kumpulan instruksi yang dipakai untuk mendefenisikan desain dari bahasa markup 01 - Pengertian CSS, Apa yang dimaksud dengan

Dalam pola CSS diatas, saya mengubah tag <font> menjadi tag <span>. Tag <span> sendiri merupakan tag yang tidak bermakna, namun dapat di kostumasi memakai CSS. Tag span saya tambahkan dengan atribut atribut class=”warna”. Atribut class berkhasiat untuk memasukkan instruksi CSS pada tag <style> di bab head. (Lebih lanjut wacana tag <span>, telah kita bahas di tutorial berguru HTML lanjutan: pengertian tag span dan div)

Jika kita ingin merubah seluruh warna menjadi biru, maka tinggal mengubah isi dari CSS color: red menjadi color:blue, dan seluruh tag yang mempunyai class=”warna” akan otomatis menjelma biru.

CSS memungkinkan kita merubah tampilan dari halaman, tanpa mengubah isi dari halaman. Dalam tutorial selanjutnya, kita akan membahas Cara Menginput Kode CSS ke Halaman HTML.


Dosen Desain Web | Muqorobin, S.Kom

INFO LOWONGAN KERJA TERBARU KLIK DISINI

Iklan Atas Artikel


Iklan Tengah Artikel 1

Iklan Tengah Artikel 2


Iklan Bawah Artikel