Token adalah suatu metode pemetaan di dalam di dalam penulisan CSS, dengan menggunakan teknik pemetaan akan mempermudah programmer dalam membuat format halaman web yang dinamik.
token digunakan oleh semua versi CSS, baik css 1,2 atau 3, dengan menggunakan token kita dapat mengelompokan beberapa efek format yang ada pada halaman web, token-token yang digunakan antara lain adalah semua kode matematis seperti tanda kurang kurawal({,}), kurung siku ([,]), dan beberapa token yang berbentuk ungkapan sepertiURL, commnet dan lain sebagainya.
contoh script token :
<html>
<head>
<title>penggunaan token url</title>
<style type=text/css">
body
{
background-image: url ("nama_foto.jpg")
}
</style>
</head>
<body>
<h1>contoh membuat background menggunakan token url</h1>
</body>
</html>
Monday, 26 September 2011
Tokenisasi DI CSS
Aturan penulisan Pada CSS2
Pada tutorial kali ini saya akan membahas tentang aturan penulisan dan type-type karakter yang dapat didukung oleh css maupun css level2.
CSS memiliki sebuah aturan penulisan yang sudah tetap, sintak nya dibagi menjadi 3 bagian, bagian nya adalah selector, properti, dan value.
selector {properti :value}
selector adalah sebuah element atau bagian tag HTML yang akan di definisikan seperti (body,H1,link,dll).
properti adalah sebuah atribut yang ingin diubah, dan masing-masing property memiliki sebuah value dipisahkan oleh sebuah tanda colon (:) dan dikurang oleh tanda kurawal buka dan tutup ({});
RUMUS CSS, Internal style sheet di dalam HTML
Internal style sheet penulisan CSS dimulai dengan <style> dan diakhiri Dengan </style> akan dibaca sebagai element css.
contoh :
<html>
<head>
<title>Internal css</title>
<style type="text/css">
body
{
color:black;
background:green;
font-family:verdana;
}
</style>
</head>
<body>
<h1>latihan 2</h1>
<p>contoh internal style sheet
</body>
</html>
file di atas kemudian save dengan nama terserah anda kemudian ber ekstensi .html/html
sekarang pasti sudah tau bagaimana teknik-teknik pemanggilannya
kemudian saya akan melanjutkan dengan materi
efel componen form berwarna
<tag style="backgorun-color:#warna"> diakhiri </tag>
contoh script:
<html>
<head>
<title>form berwarna</title>
</head>
<body>
<h1>latihan 3</h1>
<form>
<tag style="backgorun-color:#warna"> diakhiri </tag>
</form>
</body>
</html>
kemudian save danjalankan
Cara Menggunakan CSS2
Di dalam HTML kita mengenal mengenai tiga macam teknik dalam penulisan dokumen style sheet(CSS), ketiga cara ini dapat berjalan pada versi HTML 4.1, HTML 3.2 maupun versi yang sebelumnya.
Eksternal Style Sheet
Eksternal Style Sheet atau kita juga dapat menyebutnya dengan istilah linking style sheet. kita sebut Eksternal karena pada teknik ini kita menuliskan semua efek style di dalam sebuah dokumen sendiri yang kita panggil dengan menggunakan link. teknik pemanggilannya kita deklarasikan di dalam tag head.
<link rel="stylesheet" type"text/css" hreef="nama_file_anda.css">
penulisan nya jgn menggunakan spasi
keterangan :
- <LINK merupakan tag pembuka yang diakhiri dengan tanda kurang dari ">:.
- REL="STYLESHEET", fungsi ini menerangkan bahwa halaman akan di kenal efek style sheet
- TYPE="text/css", Menerangkan bahwa file yang akan kita panggilberupa file css
- HREF="nama_file_anda.css", di dalam tag ini kita meletakan alamat file dokumen style sheet yang akan kita panggil.
body
{
color:black;
background:green;
font-family:verdana;
}
ketikan di notepad atau d program kesayangan anda kemudian save dengan ekstensi .css
misal nama file nya efek.css
sekarang kita buat file html nya
<html>
<head>
<title>latihan 1</title>
<link rel="stylesheet" type="text/css" href="efek.css" />
</head>
<body>
<h1>latihan</h1>
<p>contoh sheet css
</body>
</html>
kemudian klik file html diatas Readmore..
Mengenal CSS2
cascading style sheet level 2 adalah kepanjangan dari CSS2, karakter memberi bahwa css telah memiliki versi baru yaitu css level 2, sebeblumnya css memiliki versi pertama kemudian kedua dan sekarang versi ketiga
namu yang akan saya bahas kali ini css versi 2 untuk css versi tiga akan saya posting minggu depan
css tidak berbeda jauh dengan html,javascript namun hanya perbedaan tag-tag nya saja
langsung saja ke contoh script
<html>
<head>
<title>latihan 1</title>
<style type="text/css">
h1 {font-family:verdana }
</style>
</head>
<body>
<h1>latihan</h1>
<p>contoh sheet css
</body>
</html>
kemudian save dengan ekstensi.html atau .htm
