Membuat program itu wajib bagi sobat yang ingin menjadi ahli IT, Programer, bahkan developer. Untuk mewujudkan itu semua hal yang pertamakali di pelajari iayalah, membuat web dengan menggunakan html, namun jika membuat websait hanya dengan html saja, maka web kita akan terasa hambar sekali.
Maka dari itu saya akan membagi tutorial untuk html menjadi berbumbu dengan adanya css pada program web. Akan tetapi sobat juga harus tahu bahwa banyak versi css yang harus di pelajari. Ada yang mengunakan css internal dan exsternal.
Oke,, kita akan membahas satu per satu untuk css :
* CSS Internal
CSS internal ini adalah dimana halaman yang kita buat hanya di dalam satu file index.html misal. Karena CSS internal ini berada di dalam satu file dengan index.html, maka web dengan metode ini sedikit ringan untuk di gunakan, dan CSS Internal ini banyak di gunakan pada blog.
berikut contoh CSS Internal :
<html>
<head>
<title> CSS Internal </title>
<style>
body{
margin:0px;
}
.coba{
color:green;
}
</style>
</head>
<body>
<div class="coba">
<h1>Belajar CSS Internal</h1>
</div>
</body>
</html>
Dimana style harus berada di antara <head> hingga </head>, jika berada di luar <head> </head>, maka tidak akan bisa berjalan.
Berikut CSS exsternal :
Karena kita menggunakan 2 file dalam kasus ini, maka yang harus di siapkan adalah, index.html & style.css, Berikut contohnya.
index.html
<html>
<head>
<title> CSS Internal </title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="coba">
<h1>Belajar CSS Internal</h1>
</div>
</body>
</html>
style.css
body{
margin:0px;
}
.coba{
color:red;
}
Yang tulisan bewarna biru itulah kuncinya untuk membuat style exsternal, kode tersebut fungsinya ialah untuk memanggil file style.css yaitu pada kode "href="style.css" ".
Begitulah bedanya style internal dan External pada sebuah websait, semoga artikel ini bisa membantu sobat sekalian.
Salah dan kurang saya minta maaf.
0 Komentar