Script HTML Perpustakaan Online
Oke guys balik lagi di Bloggers saya .Kali ini saya akan mebagikan Script untuk membuat Perpustakaan Online.
Pada pembelajaran sebelumya kita membahas tentang membuat HTML untuk pemula. Nah di web ini saya akan melanjutkan pembahasan itu, sekarang bagaimana cara membuat perpustakaan online yang SEDERHANA .
Yang pertama kita akan membuat judul besar nya :
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="css/Style.css">
<title>Perpustakaan Online</title>
</head>
<body>
Selanjutnya jika kalian mau membuat link untuk masuk ke situs kampus nya maka ikuti cara berikut :
<div id="container">
<div class="header"><img src="STIM 1.jpg" width="1500" height="300"><h1 align="center">Perpustakaan Sekolah Tinggi Ilmu Manajemen Sukma </h1>
<div class="main">
<h1 align="Left"></h1><h1 style="background-color:DodgerBlue;">MENU"</h1>
<p><h3 align="center"><a href="file:///E:/LOGIN%20PERPUSTAKAAN.html">Login</a></p></h3>
<p><h3 align="center"><a href="#">Home</a></p></h3>
<p><h3 align="center"><a href="#">Daftar Buku</a></p></h3>
</div>
Untuk foto beserta nama link nya kalian boleh menggunakan nama yang lain yang kalian suka. Nama dan foto diatas hanya sebagai contoh .
Nah selanjutnya jika kalian ingin menambahkan foto buku, judul buku, dan juga penulisnya .kalian bisa mengikuti script seperti dibawah ini :
<div class="buku">
<div class="foto">
<img src="pr.jpg" width="150" height="180">
<div class="judul">Public Relations</div>
<div class="penulis">Penulis: Frank Jefkins</div>
</div>
</div>
<div class="buku">
<div class="foto">
<img src="am.jpg" width="150" height="180">
<div class="judul">Akuntansi Manajemen</div>
<div class="penulis">Penulis: Darsono Prawironogoro / Ari Purwanti</div>
</div>
</div>
<div class="buku">
<div class="foto">
<img src="pm.jpg" width="150" height="180">
<div class="judul">Pemasaran Pariwisata</div>
<div class="penulis">Penulis: Dr. i Gusti Bagus Rai Utama, M.A.</div>
</div>
</div>
jika kalian ingin menambahkan banyak buku di perpustakaan online kalian. Kalian dapat mengikuti cara yang sama dengan yang di atas. Maka perpustakaan online kalian sudah jadi.Sekian pembahasan mengenai Perpustakan online .
TERIMA KASIH ATAS KUNJUNGANNYA DAN JANGAN LUPA BERKUNJUNG KEMBALI
Tidak ada komentar:
Posting Komentar