Selamat Pagi semua,,,
Disini saya mau berbagi kepada kalian semua bagaimana membuat website dengan menggunakan HTML dan CSS yang kita buat sendiri,,
Kalian bisa menggunakan aplikasi berikut untuk membuat website
Kalian sudah mendownload salah satunya, disini saya menggunakan aplikasi Atom
Disini saya akan membuat header dan navigasi nya yah gais...
Kalian bisa ketikan codingan berikut
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<header>
<h1>Hallo gaiss</h1>
</header>
<div id="navbar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</body>
</html>
Maka output yang dikeluarkan akan jadi seperti ini
Hallo gaiss
Bagaimana sih kita akan mewarnai atau memberi pernak pernih supaya kaya blog web lainnya, kita beri style di web kita yah gaiss
buatnya masih didalam satu file yang sama yah gais..
<style type="text/css">
body{
background-color:#A9A9A9;
}
header{
background-color:#DC143C;
padding:10px
}
.header h1{
color:white;
padding:60px;
}
#navbar {
margin:0px;
height:50px;
background-color:black;
}
#navbar ul{
list-style-type:none;
float:right;
}
#navbar ul li{
align:top;
float:left;
text-align:center;
}
#navbar ul li a{
display:block;
color:white;
text-decoration:none;
padding:0px 20px;
line-height: 30px
}
#navbar ul li a:hover{
background-color:#00FFFF;
color:black;
}
</style>
Nah maka akan keluar out put seperti ini
Nah ini kita sudah membuat Header dan membuat navigasinya, selamat mencoba yah gaisss...
next part kita akan membuat dibawah header dan navigasi ini yah gaiss..
Posting Komentar