Senin, 11 Maret 2013

Mengenal Css Untuk Web Programing

Selamat pagi sahabat Taboety Zone sekalian. Rasanya sudah lama banget nih tidak pernah update blog. Maklum lah masih banyak tugas ini itu. Kali ini saya mau share ilmu yang baru saja saya pelajari nih. Mungkin bagi sebagian dari kalian sudah familiar dengan bahasa pemrograman website berorientasi CSS. Tapi bagi para pemula seperti saya mugnkin ini adalah sebuah ilmu baru yang masih asing ditelinga.
Sudah saya mulai saja pelajaran kali ini. Haha lagak sok jadi guru. Dalam pemanfaatanya CSS dapat diintegrasikan dalam html dengan 2 cara. Yang pertama langsung kita tuliskan dalam script html kita dan yang kedua kita buat sendiri file pengatur cssnya. Cara yang pertama mungkin lebih mudah tapi kita harus mengetikkan script css itu ke setiap halaman website kita.
Mungkin kalo terlalu banyak teori kalian akan bosan. Langsung saja saya beri sebuah contoh sederhana berikut sedikit penjelasan. 

#Langsung tulis dalam script.
File name : home.html
<html>
<head>
<title>Belajar CSS</title>
<style type="text/css"> 
.atur{
color:#000000;
font-family:"Arial";
}
</style>
</head>
<body>
<p class="atur">Ini adalah hasil pengaturan dengan css</p>
</body>
</html>

Penjelasan :
  • <style type="text/css"> : tag ini berfungsi untuk mendeklarasikan script yang kita tulis adalah script css. Tag ini harus ditutup dengan </script>. Semua yang berada diantara tag ini merupakan sintax css yang kita gunakan untuk mengatur tampilan website kita nanti.
  • .atur : ini merupakan class css yang kita buat. Dalam mengatur tampilan website dengan css kita bisa membuat 2 type pengaturan yaitu class dan id. Class dari css kita deklarasikan dengan tanda titik (.) sedangkan untuk id css kita bisa menggunakan tanda kress (#).
  • class="atur" : fungsi ini kita pakai untuk memanggil class yang tadi sudah kita buat untuk ditampilkan dalam browser.
 Sekian dulu tutorial CSS saya kali ini. Untuk yang integrasi CSS dengan file external mungkin akan saya sambung dalam tutorial yang akan datang. Semoga ilmu yang sederhana ini dapat bermanfaat bagi para pembaca sekalian. Terimakasih sudah mampir ke blog saya yang sederhana ini.