CARA MEMBUAT WEBSITE PERPUSTAKAAN SEDERHANA
CARA MEMBUAT WEB PERPUSTAKAAN SEDERHANA
Pada kesempatan ini, kita akan mempelajari cara membuat web perpustakaan yang sangat sederhana, seperti yang terlihat pada gambar
Berikut saya lampirkan codingnya :
<!DOCTYPE html>
<html>
<head>
<title>Cara Membuat Web Perpustakaan Sederhana</title>
<style type="text/css">
body {
background-image: url(perpustakaan.jpeg);
background-size: cover;
background-attachment: fixed;
}
h1 {
color: orange;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #ffa500;
}
li{
float: left;
}
li a{
display: block;
color: black;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover:not(.yuhu){
background: #ffffff;
}
.yuhu {
background-color: #black;
}
td {
text-align: center;
font-weight: bolder;
}
</style>
</head>
<body>
<h1 align="center">SELAMAT DATANG DI PERPUSTAKAAN STIM SUKMA MEDAN</h1>
<ul>
<li><a class="yuhu" href="home.html">Home</a></li>
<li><a href="profil.html">Profil</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="daftarbuku.html">Daftar Buku</a></li>
<li><a href="kegiatan.html">Kegiatan</a></li>
</ul>
<marquee behavior="alternate" bgcolor="#ffa500" scrollamount="6" width="100%">
<h2>Perpustakaan Adalah Media Ilmu</h2>
</marquee>
<h2 align="center" style="color:orange">DAFTAR BUKU</h2><br>
<div align="center">
</div><br><br>
<table style="width: 100%">
<tr>
<th><img src="akuntansi.jpg" width="200px" height="300px"></th>
<th><img src="informatika.jpg" width="200px" height="300px"></th>
</tr>
<tr>
<td>AKUNTANSI DASAR</td>
<td>ALGORITMA PEMROGRAMAN</td>
</tr>
</body>
</html>
Sekian dan Terimakasih :)
Komentar
Posting Komentar