1. Bukalah home.html di teks editor (notepad)
2. Hapuslah script antara tag <style> dan </style>
3. buatlah file baru dengan cara buka teks editor, dan ketikan code scriprt seperti berikut
4. simpan dengan nama style.css
Gimana? Tambah bagus kan tampilan website kita. Baca juga disini untuk belajar ilmu website lainya. Tambah ilmu kan setelah baca dan praktek membuat web..(AMIIIIIN).
3. buatlah file baru dengan cara buka teks editor, dan ketikan code scriprt seperti berikut
#container{
margin:0 auto;
width:950px;
height:600px;
box-shadow:#cccccc 2px 2px 10px;
}
img{
width:950px;
}
a{
background:#428bca;
padding: 10px 30px;
text-align:center;
text-decoration:none;
color:#ffffff;
}
a:hover{
background:#e7e7e7;
color:#000000;
}
p,h1{padding:5px;}4. simpan dengan nama style.css
5. Tambahkan script <link rel="stylesheet" href="style.css"/> di halaman home.html dan profil.html seperti dibawah ini diatas </head>
<html>
<head>
<title>kiblatwebsite.blogspot.co.id</title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div id="container">
<img src="gambar.jpg">
<p><a href="home.html">HOME</a> <a href="profil.html">PROFIL</a></p>
<h1>Ini adalah website sederhana saya</h1>
<p>Ini adalah halaman home saya, disini bisa anda isi dengan artikel sesuai dengan keinginan anda.</p>
</div>
</body>
</html>
<head>
<title>kiblatwebsite.blogspot.co.id</title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div id="container">
<img src="gambar.jpg">
<p><a href="home.html">HOME</a> <a href="profil.html">PROFIL</a></p>
<h1>Ini adalah website sederhana saya</h1>
<p>Ini adalah halaman home saya, disini bisa anda isi dengan artikel sesuai dengan keinginan anda.</p>
</div>
</body>
</html>
6. Simpan dengan nama home.html dan Simpan dengan nama profil.html. sesuai dengan nama file yang kamu buat tadi.
7. Sekarang kita buka hasilnya, dengan cara buka file home.html
