AssalamualaikumWrWb, kali ini saya akan membagi inoformasi tentang CSS yang baru saya pelajari. Mudah mudahan ini bisa membantu kalian semua yaa, tapi maap yaa kalo kurang lengkap, mohon maklum karna saya masi newbie yang ingin belajar
nah pertama tama saya akan memberikan pengetahuan dasar nyaa, CSS kepanjangan dari Cesceding Style Sheet yang berguna untuk mempercaWBntik HTML yang telah kita buat, menggunakan CSS ada tiga cara, yaitu inline, internal, dan exsternal, kali ini saya akan membahas yang cara intenal dan saya juga sudah sediakan screen shootnya untuk mempermudah kalian.
1. kalian buka notepad kalian. (sekedar masukan untuk kalian agar lebih mudah kalian download notepad++)
2. buat kodingan HTML standar
(<html>
<head><title>Cara mengunci folder</title></head>
<body>
</body>
</html>)
3. setelah kalian buat kodingan html standar lalu kalian buat kodingan kalian, contoh:
hasil :
4. kalian save as kodingan tadi di folder baru (nama folder= contoh css nama file=contoh)
5. download gambar yg anda inginkan untuk backgroundnya, kalau saya menggunakan gambar ini
buat folder baru di dalam folder contoh css lalu save gambarnya di dalamnya (nama file=background nama folder=image
6. buka notepad baru. dan buat file css nya dengan cara masukan kode di bawah
save as di folder baru ( nama folder=css nama file=style)
KETERANGAN:
body{
background-image: url("../image/background.jpg"); =untuk membuat background
background-size: 1000px 750px; =untuk mengatur ukuran background
background-attachment: fixed; =jika di scrool hanya tulisan nya yang bergerak, backgroundnya tidak
}
h1{
color: blue;
} = untuk warna text yang menggunakan <h1>
7. buka kembali kodingan contoh.html lalu masukan kode <link rel="stylesheet" type="text/css" href="css/style.css "> di atas </head>
8. dan Kodingan sederhana anda menggunakan CSS pun selesai dengan hasil seperti ini
Terima Kasih banyak atas kunjungan anda ke blog saya, semoga info di atas bermanfaat untuk kalian semua AssalamualaikumWrWb
http://adf.ly/XhkDq
Title : CSS (Cesceding style sheet.
Description : AssalamualaikumWrWb, kali ini saya akan membagi inoformasi tentang CSS yang baru saya pelajari. Mudah mudahan ini bisa membantu kalian semua...