Coba – Coba Silahkan

Coba-coba? Silahkan!
Eh… tiba-tiba saja terfikir untuk menggantikan warna dengan kode RGB nya, layaknya perintah-perintah
HTML dasar. bagaimana? Bisa tidak ya?
Seperti terlihat di bawah ini kita cukup menggantikannya saja untuk mendapatkan variasi warna.
<STYLE TYPE=”text/css”>
B { color : #CC6633 }
</STYLE>
Bagaimana? Sama mudahnya bukan? Bagi anda yang sudah familiar dengan beberapa perintah HTML,
maka beberapa modifikasi dapat anda buat misalnya seperti contoh di bawah :
<HTML>
<HEAD>
<STYLE TYPE=”text/css”>
I { color : red }
</STYLE>
</HEAD>
<BODY>
Mengapa jika kita anggap <I>suatu pekerjaan</I> itu mudah
maka pekerjaan itu akan beneran menjadi<I> lebih mudah</I>?
<P>
Karena itu merupakan <I>sugesti</I> terhadap <I>diri kita
sendiri</I>
</BODY>
</HTML>
Anda lihat saya mengganti huruf “B” dengan Huruf “I”, sehingga jika menurut kebiasaan browser
(berlebihan tidak bahasanya?) akan menganggap baris yang diberi tag tersebut menjadi ITALIC. Sekarang
lihat hasilnya pada browser. Timbul pertanyaan bagaimana jika untuk UNDERLINE atawa garis di bawah
huruf? Ya benar, hal ini juga masih berlaku.
Nah.. sekarang saya ingin mencoba sedikit pemahaman anda ☺ !
Jika saya ingin kata “suatu pekerjaan” dari contoh di atas menjadi berwarna merah dan ITALIC, terus
kata “lebih mudah” kita buat menjadi berwarna hijau dan BOLD, terus untuk menambah kebingungan
anda jadikan kata “sugesti” dengan UNDERLINE dan berwarna merah, serta kata “diri kita sendiri”
menjadi hijau dan BOLD.

tutorial saya yang bikin kok, kalau anda yang buat terserah anda. Kan adil? hehehe)
Coba seperti ini :
<HTML>
<HEAD>
<STYLE TYPE=”text/css”>
I,U { color: red }
B { color : green }
</STYLE>
</HEAD>
<BODY>
Mengapa jika kita anggap <I>suatu pekerjaan</I> itu mudah
maka pekerjaan itu akan beneran menjadi<B> lebih mudah</B>?
<P>
Karena itu merupakan <U>sugesti</U> terhadap <B>diri kita
sendiri</B>
</BODY>
</HTML>
Anda lihat saya hanya mengubah beberapa huruf serta menambah beberapa perintah saja, dan hasilnya
wow… mengagumkan.
Sekarang sudah jelas mengapa saya katakan css dapat menghemat kode dan waktu anda dalam mendesain
tampilan situs anda. Jika suatu kali anda bosan dengan warna atau bentuk tulisan pada tampilan situs anda,
hanya dengan mengubah dan menambah variasi dari perintah css anda akan mendapatkan tampilan yang
lebih menarik bukan? Dan juga benar-benar menghemat waktu.

 

Selamat Mencoba

Sumber download : http://www.animetekno.com/2012/09/download-gratis-ebook-tutorial.html

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: