Assalamualaikum WrWb .Gan kali ini Ane akan menjelas tentang mengoding menggunakan CSS,
pertama tama Ane akan memberikan pengetahuan dasar nyaa, CSS kepanjangan dari Cesceding Style Sheet yang berguna untuk mempercantik HTML yang telah kita buat, menggunakan CSS ada tiga cara, yaitu :
-inline
-internal
-exsternal
ane akan membahas CSS dengan cara eksternal , untuk mempermudah Ane sediakan screen shoot .
mohon maklum kalo ada salah / kurang lengkap, karna baru permulaan, dan saya juga baru belajar..
ini materi yang akan kita pelajari ,
1. kalian buka notepaad kalian
2. buat kodingan html standar
<html>
<head><title></title></head>
<body>
</body>
</html>
3. lalu buatlah kodingan kalian, contoh :
hasil dari kodingan diatas :
4. save kodingan yang kalian buat dengan format folder=contoh css dan nama dokumen=css.html
5. download gambar yang kalian inginkan untuk background.
6. save gambar tersebut didalam folder contoh css, lalu buat dokumen lagi dengan format nama file "image".
7. buat notepad baru, lalu masukan kodingan ini: (ada sedikit penjelasannya)
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 <h1>
8. save kodingan diatas gengan menggunaka format nama "style.html". kemudian buka kembali kodingan contoh.html lalu masukan kode <link rel="stylesheet" type="text/css" href="css/style.css "> di atas </head>
9. setelah kodingan selesai dan semuanya telag di save, kalian bisa lihat hasilnya, contohnya seperti ini ,
itulah contoh kodingan sederhana yang baru saya pelajari, jika ada kesempatan saya akan lebih banyak mem poskan tentang html, sekian dari saya maaf jika kurang memuaskan , wassalamualaikum WRWB.
