Cara menulis skrip css pada blog - MEDIA EDUKASI CEPAT, TEPAT, DAN TERPERCAYA

Breaking

Created By Reko Metra, S.Kom

Sunday, September 18, 2016

Cara menulis skrip css pada blog

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;
}

Selanjutnya dengan menggunakan notepad, tulislah skrip berikut ini, dan beri nama filenya dengan latihan.htm. 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.










Post a Comment