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

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>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="styleku.css" />
</head>
<body>
<div class="kotak">
Kotak
</div>
</body>
</html>
dan didalam file styleku.css berisi :
.kotak{
border:4px solid blue;
background:black;
color:white;
padding:10px;
}
setelah itu coba anda jalankan di web browser. untuk memanggil file html ke css menggunakan tag link :
<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">
.kotak{
border:4px solid blue;
background:black;
color:white;
padding:10px;
}
</style>
biasanya tag ini di letak di antara tag <head> ... </head> atau tidak di bawah tag title.

oke sampai dulu tutorial yang ke 3 ini :D sampai jumpa di tutorial tutorial lain nya :D salam RPL :) :D

Comments

Post a Comment

Popular posts from this blog

10 keluarga Windows, Unix, Mac Os

10 keluarga Windows, Unix, Mac Os - dibawah ini 10 keluarga Windows, Unix, Mac Os : Microsoft Windows : windows 1.0 windows 2.0 windows 3.0 windows 3.1 windows ME windows NET windows 2000 windows server 2000 windows XP windows vista Unix : Posix Gnu Zeath Os Sco Unix Macos/X Gnu Linux Bsd Xenix Aix Mac OS : Apple I Apple II Apple DOS Apple Pascal Apple CP/M Apple III Apple ProDOS Apple Macintosh Mac OS X Mac OS X 10.2 – Jaguar
Read more

Fungsi dan pengertian tag table, td, th, dan tr di html

Fungsi dan pengertian tag table, td, th, dan tr di html - hallo bosku !! saya akan memberitau kalau kulit mangis kini ada ekstraknya :v, hohohoho :v just kidding :D. sekarang saya sharing sharing ilmu yang belum tau apa itu tag table, td, th, dan tr langsung saja tanpa basa dan basinya :v : umumnya struktur table di html : <table border="1">   <tr>           <th> No </th>           <th> nama Siswa </th>   </tr>   <tr>           <td> 1. </td>           <td> mu'alif lihawa </td>   </tr> </table> Priviewnya seperti ini : No nama Siswa 1. mu'alif lihawa Fungsi tag table, td, th, dan tr : <table> : untuk membuat tabel kaya di MS.excel tapi cara membuat tabelnya menggunakan bahasa html dan di dalam s...
Read more

Pengertian Konektivitas, Fleksibilitas, Interaksi, Kolaborasi, Peluang pengembangan, Dan Motivasi dalam Pemanfaatan Kelas Maya

Pengertian Konektivitas, Fleksibilitas, Interaksi, Kolaborasi, Peluang pengembangan, Dan Motivasi dalam Pemanfaatan Kelas Maya - Hallo Sahabat RPL Saya akan memberitau atau mengingatkan saja tentang Pengertian Konektivitas, Fleksibilitas, Interaksi, Kolaborasi, Peluang pengembangan, Dan Motivasi dalam Pemanfaatan Kelas Maya , yuk lihat saja pengertiannya dari pada panjang lebar : a. Konektivitas - akses terhadap beraneka ragam informasi ‘tersedia’ dalam skala global. Selama Anda memanfaatkan koneksi internet, Anda akan mendapatkan informasi apapun yang tersedia dalam world wide web (www). Dalam mencari informasi, Anda juga tidak akan merasa kesulitan berkat bantuan mesin pencari seperti Google atau Bing. b. Fleksibilitas – belajar dapat dilaksanakan di mana saja dan kapan saja. Dengan cara belajar yang terjadwal dalam kelas yang Anda laksanakan selama ini (kelas konvensional), guru adalah sumber belajar utama bagi Anda. Akan tetapi dengan kelas konvensional yang diperkaya de...
Read more