Belajar CSS cascading style sheet bagian 3 untuk pemula
Assalamu'alaikum,, Wr Wb,, :D Hallo Sahabat RPL :D bagaimana kabarnya sehat ? mimin juga disini sehat :v *nggak nanya woyy,,,. kali mimin memberikan part ke 3 dari artikel Belajar CSS cascading style sheet untuk pemula tanpa tahu tempe,,, ee,, maksudnya,, tanpa basa basih :v langsung saja lihat tutorial berikut ini.
di artikel lanjutan ini saya akan membahas tentang Peletakan script CSS, untuk saat ini peletakan css ada 3 cara yaitu :
1. inline style sheet
2. eksternal style sheet
3. internal style sheet
kita buat dua file satu file html dan satu file css, contoh saya disini membuat file document htmlnya index.html sedangkan file cssnya saya bernama styleku.css.di dalam file html saya berisi :
oke sampai dulu tutorial yang ke 3 ini :D sampai jumpa di tutorial tutorial lain nya :D salam RPL :) :D
di artikel lanjutan ini saya akan membahas tentang Peletakan script CSS, untuk saat ini peletakan css ada 3 cara yaitu :
1. inline style sheet
2. eksternal style sheet
3. internal style sheet
1. inline style sheet
yaitu meletakan sintax css di element/tag html mengunakan atribut style, contoh :<div style=" border:4px solid blue; background:black; color:white; padding:10px;">kotak</div>
2. eksternal style sheet
yaitu meletakan sintax css di luar document html atau file html, contoh :kita buat dua file satu file html dan satu file css, contoh saya disini membuat file document htmlnya index.html sedangkan file cssnya saya bernama styleku.css.di dalam file html saya berisi :
<html>dan didalam file styleku.css berisi :
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="styleku.css" />
</head>
<body>
<div class="kotak">
Kotak
</div>
</body>
</html>
.kotak{setelah itu coba anda jalankan di web browser. untuk memanggil file html ke css menggunakan tag link :
border:4px solid blue;
background:black;
color:white;
padding:10px;
}
<link rel="stylesheet" type="text/css" href="styleku.css" />biasanya tag ini di letakan antar <head> ... </head> atau juga di bawah tag title.
3. internal style sheet
kalau internal style sheet biasanya di letakan di dalam document html dan menggunakan tag style contoh :<style type="text/css">biasanya tag ini di letak di antara tag <head> ... </head> atau tidak di bawah tag title.
.kotak{
border:4px solid blue;
background:black;
color:white;
padding:10px;
}
</style>
oke sampai dulu tutorial yang ke 3 ini :D sampai jumpa di tutorial tutorial lain nya :D salam RPL :) :D
cocok nih buat belajar
ReplyDelete