Friday, March 18, 2016

Metode Penulisan Dasar CSS

Penulis God Diterbitkan 6:09:00 PM

Belajar Blog

Belajar SEO

Blogger

CSS

Tutorial Blogger

BAB 2
Linked Style Sheet
Metode ini memisahkan kode CSS dan HTML. untuk menggunakan kode CSS tersebut, maka dalam kode HTML dibuat skrip yang isinya adalah memanggil file css tersebut untuk digunakan dalam kode html.
Untuk me-link/memanggil kode CSS dalam kode HTML, digunakan Kode seperti berikut:

<link rel="stylesheet" href="Namafile.css" type="text/css">

Cara penggunaannya sebagai berikut :
Langkah Pertama:
buat file css dengan nama style.css yang isinya sebagai berikut:

body {
background: #000EEE;
}
h1 {
font-size: 18pt;
color: #ffffff;
}
p {
color: #fffff;
font-widget: bold;
text-decoration: underline;
}

Langkah Kedua:
buat file html dengan nama linked.html yang isinya sebagai berikut:

<!DOCTYPE HTML>
<html>
<head>
<title> Linked Style Sheet </title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<h1> SI DARY BLOG </h1>
<p> tempat berbagi ilmu pengetahuan seputar blogger</p>
<p> http://sidary.blogspot.com</p>
</body>
</html>

Maka hasilnya akan seperti di bawah ini.

Selanjutnya saya akan membahas BAB 3 tentang Mengenal CSS3, Jangan lupa knjungi terus sidary.