Tugas RPL SMK

Kumpulan Materi RPL SMK

13 June 2017

Cara Menggunakan CSS pada HTML

Posted by Kurnia Aji at 13 June Labels:


CSS bisa disebut bahasa pemrograman khusus web untuk memberi style pada HTML, CSS selalu dikaitkan dengan HTML karena CSS tidak bisa berdiri sendiri, berbeda dengan HTML yangbisa berdiri sendiri. CSS memiliki 3 metode input ke HTML, berikut ketiganya.

1. Inline Style

<div style="background: red; color: white;">
Ini CSS</div>

- hasil

Ini CSS

2. Internal Style Sheets

<html>
<head>
<title>Contoh Internl</title>
</head>
<body>
<style type="text/css">
.css {
background: blue;
color: white;
}
</style>
<div class="css">
Ini CSS</div>
</body>
</html>

- hasil
Ini CSS

3. External Style Sheets

Untuk metode ini harus dijelaskan terlebih dahulu, jadi kita membuat style nya terpisah dengan HTML nya. untuk style nya diberi nama bebas lalu dengan format .css, lalu kita inputkan ke HTML dengan cara memberi tag link pada bagian head.

a. Untuk Style

.css {
background: black;
color: white;
}

Simpan dengan nama style.css

b. Untuk HTML

<html>
<head>
<title>Contoh External</title>
<link href="style.css" rel="stylesheet" type="text/css"></link>
</head>
<body>
Ini CSS
</body>
</html>

- hasil

Ini CSS

No comments :

Post a Comment

Subscribe to: Post Comments ( Atom )