Pages

Jumat, 02 September 2011

HTML+CSS

Sedikit Panduan Buat yang Mau belajar html dengan Css
sebenarnya Css gmn sih?

mari kita blajar yuk
ini buat pake bahasa saya aja ya biar lebih mudah hehe,
untuk belajar css skaligus buat web designnya mending kita buat design website kita dulu
pertama kita buat html yuk,.siapin 1 folder dengan nama "latihan"

kita samakan aja scriptnya sperti ini ya:


Abdul Haris




Judul

//<-- target warnain css
Input Data Contoh1
Input Data Contoh2
Input Data Contoh3/td>
 
Copyright Abdul Haris


save dengan nama latihan.html di folder "latihan" yang sudah di buat

setelah udah sama kita akan buat bagaimana link nya kita warnain dengan css

pertama buat dulu file "style.css" .. save aja dalam keadaan kosong dulu.

kemudian yang kita lakuin selanjutnya adalah menggabungkan antara html dan css
caranya , diatas kalian taro ini:



//script diatas artinya html kalian akan mengarah ke style.css//

-------------------------------------------------
kemudian kita blajar css

di style.css mari kita buat script ini

//script untuk warnain//
#kiri1 a , #kiri1 a:hover //<--#kiri1 adalah merupakan variabel jadi bisa di namain terserah kalian // { float: left; height: 20px; text-decoration: none; width:180px; color:#FFFFFF; //<-- warna font link// background-color:#0000FF; //<-- warna background link sbelum di pilih "biru"// } //script saat link di pilih// #kiri1 a:hover, #kiri1 a.selected, #kiri1 a.selected:hover //<--ini juga variabel// { color:#FF0000; //<-- warna font merah// background-color:#FFFF00; //<-- warna background linknya stelah di pilih "kuning"// width:180px; height:20px; } trus cara manggilnya?? skrg buka html kalian yang tadi : perhatikan bagian ini Input Data Contoh1 setelah kita tambah id="#kiri1"
menjadi kaya gini Input Data Contoh1

lakukan pada link2 brikutnya

skrg buka html.dan lihat hasilnya

gitu dulu pelajaran css buat menunya

makasih

Dr Om Haris

0 komentar:

Posting Komentar