coding pembuatan website "Perpustakaan"
<!DOCTYPE html>
<html>
<head>
<title>Sistem Informasi Perpustakaan Stim Sukma</title>
<style>
body {
background-image: url('perpus.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
}
</style>
</head>
<body>
<style type="text/css">
a{text-decoration: none; font-size: 20px;font-family: sans-serif;padding: 14px 10px}
ul{padding: 14px}
li{list-style: none; display: inline;}
li a{background: #222; color:#d4d4d4;}
li a:hover{background: #4da4ff; color:#fff;}
.navi{background: #222; height: 50px}
</style>
<nav class="yudi">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Rekomendasi</a></li>
<li><a href="#">Koleksi Digital</a></li>
<li><a href="#">Layanan</a></li>
<li><a href="#">Profil</a></li>
<li><a href="#">Organisasi</a></li>
<li><a href="#">Indonesia</a></li>
<li><a href="#">Aktivitas</a></li>
</ul>
</nav>
<h1 align="center"><image src="logo.png" alt="gus hal" width="200" height="100"</h1>
<h1 align="center"style="background-color:#40E0D0">Selamat Datang di Sistem Informasi Perpustakaan</h1>
<h1 align="center"style="background-color:#40E0D0">Budayakan Membaca</h1>
<p align="center"style="background-color:#40E0D0">Jangan pernah berhenti belajar, karena hidup tak pernah berhenti mengajarkan</p>
<table style="width:100%">
<tr>
<th><img src="buku.jpg" alt="Gus Hal" style="width:300px;height:420px;"></th>
<th><img src="1.jpg" alt="Gus Hal" style="width:300px;height:420px;"></th>
<th><img src="buku2.png" alt="Gus Hal" style="width:300px;height:420px;"></th>
</tr>
</body>
Posting Komentar untuk "coding pembuatan website "Perpustakaan""