Powered by Blogger.

Tiga Cara Penempatan Kode CSS, atau Tiga cara penulisan CSS dalam halaman WEB

Bagaimana cara menggunakan CSS? Dimana kita bisa menempatkan code CSS?

Ada tiga cara penempatan kode CSS dalam HTML, yaitu :

1. Internal CSS
yaitu dengan menuliskan secara langsung script CSS kedalam file HTML.

Contoh :
<html>
<head>
<title>CSS ku</title>
<style type=”text/css”>
p {color: blue;}
body {background-color: green;}
</style>
</head>
<body>
<p>pengenalan CSS</p>
</body>
</html>

2. External CSS
yaitu dengan cara kita membuat file CSS tersendiri dengan eksistensi *.css dan terpisah dari file html dan ditempatkan atau diletakkan di folder lain atau di folder yang sama dengan file html tersebut. Browser akan membaca file tersebut dan akan menampilkan file html sesuai dengan format yang telah kita atur dalam file CSS.

Contoh :
<html>
<head>
<title>CSSku</title>
<link rel=”stylesheet” type=”text/css” href=”file.css”/>
</head>
<body>
<p>pengenalan CSS</p>
</body>
</html>

3. Inline CSS
yaitu dengan menuliskan secara langsung script CSS kedalam tag HTML.

Contoh :
<html>
<head>
<title>CSS ku</title>
</head>
<p style=”background: purple; color: blue;”>pengenalan CSS</p>
</body>
</html>

Bannerad

Artikel Terpopuler

Tags

Blogumulus by Roy Tanck and Amanda Fazani