Aturan dan Penulisan Kode CSS
Aturan dan Penulisan Kode CSS
Penulisan kode CSS dalam HTML dibagi menjadi tiga cara, internal, inline dan eksternal. Penulisan kode CSS ini berdasarkan letak kode CSS tersebut ditulis.
a. Internal CSS
Dengan menggunakan elemen <style> yang ditempatkan pada area <head>
Internal CSS adalah istilah untuk kode CSS yang ditulis langsung dalam berkas HTML. Kode CSS ini dituliskan pada tag <style>. Tag ini bisa ditulis di dalam blok head ataupun body, atau di keduanya, berikut ini contoh internal CSS. Kode pembuatan :
<!DCOTYPE html>
<html>
<head>
<title>latihan</title>
<style type="text/css">
h1 {
font-family: Times New Roman;
color: yellow;
}
p {
font-family: Arial;
color: blue;
}
</style>
</style>
</head>
<body>
<h1>test internal css</h1>
<p>lorem ipsum</p>
</body>
</html>
b. External CSS
Dengan menggunakan file CSS Eksternal
Eksternal CSS adalah kode CSS yang ditulis terpisah dengan kode HTML. Eskternal CSS ditulis disebuah berkas khusus yang berekstensi (.css). Untuk menggunakan CSS tersebut dalam HTML, kita perlu mengimpornya. Ada beberapa cara memasukkan kode CSS dari bekas eksternal. Pertama menggunakan tag <link>;
Kode pembuatan :
<link href="style.css" type="text/css" rel="stylesheet">
C. Inline CSS
Dengan menggunakan atribut style dari elemen HTML.
Inline CSS adalah kode CSS yang ditulis langsung pada atribut elemen HTML. Setiap elemen memiliki atribut style diinline CSS ditulis. Contohnya seperti ini, Kode Pembuatan :
<!DOCTYPE html>
<html>
<head>
<title>Latihan CSS</title>
</head>
<body>
<h1 style="color:red; font-family: sans;">Test Internal CSS</h1>
<p>Lorem Ipsum </p>
</body>
</html>