Kali ini saya akan membahas tentang CSS. Kepanjangan dari CSS sendiri adalah Cascading Style Sheets. Fungsi dari CSS sendiri adalah untuk membuat tampilan (Interface) website terlihat lebih bagus dan memudahkan untuk pengaturan tampilan (Interface) website. CSS sendiri dapat di letakan di file HTML secara langsung atau bahkan diletakan di luar file HTML (eksternal).
Contoh CSS di dalam HTML
Buat file baru dan simpan dengan nama home.html, berikut adalah kodenya
<html>
<head>
<title>kiblatwebsite.blogspot.co.id</title>
<style>
p{color:red;}
</style>
</head>
<body>
<p>Ini Contoh CSS</p>
</body>
</html>
<head>
<title>kiblatwebsite.blogspot.co.id</title>
<style>
p{color:red;}
</style>
</head>
<body>
<p>Ini Contoh CSS</p>
</body>
</html>
Contoh CSS di luar HTML (CSS Eksternal)
Buat file baru dan simpan dengan nama home.html, berikut adalah kodenya
<html>
<head>
<title>kiblatwebsite.blogspot.co.id</title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<p>Ini Contoh CSS</p>
</body>
</html>
<head>
<title>kiblatwebsite.blogspot.co.id</title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<p>Ini Contoh CSS</p>
</body>
</html>
Buat file baru dan simpan dengan nama style.css, berikut adalah kodenya
pastikan kedua file diatas berada pada satu folder. Silahkan di coba dan lihat hasilnya. Untuk tutorial selengkapnya silahkan lihat disini
p{color:red;}
pastikan kedua file diatas berada pada satu folder. Silahkan di coba dan lihat hasilnya. Untuk tutorial selengkapnya silahkan lihat disini
