Penulisan skrip pada css harus sangat diperhatikan karena
jika salah sedikit maka akan berubah fungsinya dan bahkan akan terjadi error. Penulisan
skrip dalam praktiknya ada 2 cara yaitu penulisan secara menyatu dengan kode
HTML dan penulisan terpisah dengan kode HTML. Jika ditulis menyatu, maka
pemanggilannya menggunakan kode class. Sebaliknya, jika penulisannya terpisah,
maka pemanggilannya dengan menggunakan kode div. Skrip berikut ini merupakan
merupakan contoh penulisan skrip yang menyatu dengan kode html.
<!DOCTYPE
html>
<head>
<title>Belajar
CSS</title>
<style>
P{
color:red;
text-align: center;
}
</style>
</head>
<body>
<h1><p>Selamat
belajar CSS</p></h1>
</body>
</html>
Pada layar komputer
tampak hurufnya berwarna merah, dan untuk menuliskan skrip CSS secara terpisah
dari kode HTML caranya sebagai berikut. Tulislah skrip dibawah ini dengan
menggunakan notepad. Lalu beri nama filenya dengan nama skrip.css
P{
color:red;
text-align: center;
}
kemudian buatlah dinotepad tulisan berikut ini dan letakkan file ini satu folder dengan skrip.CSS tadi agar
semuanya bisa terbaca ketika dijalankan.
<!DOCTYPE
html>
<head>
<title>Belajar
CSS</title>
<link rel=”stylesheet”href=”skrip.css”type=”text/css”>
</head>
<body>
<div>
<h1><p>Selamat
belajar CSS</p></h1>
</div>
</body>
</html>
Hasilnya akan sama
tetapi caranya saja yang berbeda.
0 Comments