1. Inline Style
Inline Style adalah cara penulisan file CSS secara langsung kedalam Tag
HTML, berikut ini contoh penulisan Inline Style:
<html>
<head>
<title> Penggabungan File HTML dan CSS </title>
</head>
<body>
<p>
<h2 style=”color: #FFCC00″ >Contoh untuk Inline Style
</p>
</h2
</body>
</html>
2. Embedded Style
Embedded Style merupakan cara penulisan CSS kedalam file HTML per
halaman ( Page ) dan penulisan file CSS sebelum ….</head>
Berikut ini contoh penulisannya :
<html>
<head>
<title>Penggabungan File HTML dan CSS</title>
<style type=”text/css”>
h2{
color:#FFCC00;
background:#CC0000;
}
</style>
</head>
<body>
<p>
<h2>Contoh untuk Embedded Style
</p>
</h2>
</body>
</html>
3. Link Style
Untuk penulisan Link Style merupakan penulisan secara terpisah antara file
HTML dan file CSS dan kita tinggal memasang link saja, dan pemasangan Link
anda bisa taruh di antara <head>…</head>.
Untuk cara Link Style ini yang banyak dipakai oleh para Web Design atau
programmer karena cara Link Style adalah cukup satu kali penulisan file CSS
yang nantinya dipakai oleh seluruh halaman Website.
Biasanya para Web Design menamai file Link Style CSS dengan nama
style.css.
Berikut ini contoh filenya:
<html>
<head>
<title>Penggabungan File HTML dan CSS</title>
<link hre f= ”css/style.css” rel= ”stylesheet” type= ”text/css” />
</head>
<body>
<p>
<h2> Contoh untuk Link Style
</p>
</h2>
</body>
</html>
File CSS biasanya disimpan dengan ekstitensi .css atau dengan nama style.css
h2{
color: #FFCC00;
background: #CC0000;
}
Catatan :
Untuk menyisipkan Link ke file style.css penempatannya harus
diantara <head>….</head>.
Anda bisa membuat lebih file css lebih dari satu sesuai dengan
kebutuhan.
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment