Script HTML Perpustakaan online
Membuat daftar pustaka online dengan bahsa 'pemograman html
Disini saya ingin memberikan tutorial bagaimana cara membuat websate perpustakaan online dengan bahsa pemograman html, seperti yang teman - teman tau sekarang banyak diantara kita yang semua informasi di dapatkan melalui berbagai websate dengan adanya blog ini saya akan mempermudah teman-teman untuk membaca buku dengan handphone dan dapat membuatnya dengan tutorial yang saya berikan
Di bawah ini adalah cara yang dapat teman-teman lakukan untuk mempuat perpustakaan berjalan atau online dengan menggunakan bahasa pemograman html yang mudah dan paling dasar
<html>
<head>
<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="file:///C:/Users/ Documents/perpustkanan/css/Style.css">
<title>Perpustakaan Stim Sukma Medan</title>
</head>
<body>
<div id="container">
<div class="header"> <center><img src="perpus.jpeg" width="900" height="400"></center>
<h1 align="center">SELAMAT DATANG DI PERPUSTAKAAN STIM SUKMA </h1>
<div class="main">
<h1 align="Left">Hasil dari html di atas.png)
.png)
<h1 style="background-color:DodgerBlue;" align="center">Menu :</h1>
<h3 align="center"><a href="file:///E:/LOGIN%20PERPUSTAKAAN.html">Login</a></h3>
<h3 align="center"><a href="file:///C:/Users/Documents/perpustkanan/Perpustakaan.html#">Home</a></h3>
<h3 align="center"><a href="file:///C:/Users/Documents/perpustkanan/Perpustakaan.html#">Daftar Buku</a></h3>
</div>
<div class="middle">
<h3 align="center">Artikel/Berita/Buku Terbaru</h3>
<h2 align="center">Buku : CAMPURAN</h2><br>
<div align="center">
<img src="stim.jpeg" width="240">
</div>
<div class="right">
<h3 align="center">BUKU TERPOPULER</h3>
<ul></div>
<div class="middle2">
<h2 align="center">DAFTAR BUKU</h2><br>
<div align="center">
</div>hasil dari coding di atas.png)
.png)
<table align="center">
<tr>
<td><class="buku">
<class="foto">
<img src="informatika.jpg" width="150" height="200">
<p><class="judul">TEKNIK INFORMATIKA</p>
</td>
<td><class="buku">
<class="foto">
<img src="desain.jpg" width="200" height="200">
<p><class="judul">DESAIN GRAFIS</p>
</td>
<td><class="buku">
<class="foto">
<img src="pemograman.jpg" width="230" height="200">
<p><class="judul">ALGORITMA PEMOGRAMAN</p>
</td>
<td><class="buku">
<class="foto">
<img src="komputer.jpg" width="150" height="205">
<p><class="judul">APLIKASI KOMPUTER</p>
</td>
<td><class="buku">
<class="foto">
<img src="mtk.jpg" width="150" height="205">
<p><class="judul">TEKNIK MATEMATIKA</p>
</td>
</tr>
<tr>
<td><class="buku">
<class="foto">
<img src="ekonomi.jpg" width="150" height="205">
<p><class="judul">PENGANTER EKOMONI</p>
</td>
<td><class="buku">
<class="foto">
<img src="akutansi.jpg" width="200" height="205">
<p><class="judul">AKUTANSI DASAR</p>
</td>
<td><class="buku">
<class="foto">
<img src="pms.jpg" width="150" height="205">
<p><class="judul">STRATEGI PEMASARAN</p>
</td>
<td><class="buku">
<class="foto">
<img src="bank.jpg" width="150" height="205">
<p><class="judul">BANK & NON BANK</p>
</td>
<td><class="buku">
<class="foto">
<img src="b.inggris.jpg" width="150" height="205">
<p><class="judul">ENGLISH CONVERSATION</p>
</td>
</tr>
</table>
</div>
</ul></div>
<div class="footer"><p align="center">Copyright © 2018 - Belajar CSS Responsive</p>
</div>
<li><a href="file:///C:/Users/Nona%20Andrika/Documents/perpustkanan/Perpustakaan.html#">Web Design</a></li>
<li><a href="file:///C:/Users/Nona%20Andrika/Documents/perpustkanan/Perpustakaan.html#">Pemrograman</a></li>
<li><a href="file:///C:/Users/Nona%20Andrika/Documents/perpustkanan/Perpustakaan.html#">Database</a></li>
</div>
</div>
<div class="footer"><p align="center"> @ Cindy aulia </p>
</div>
</body></html>hasil dari html di atas.png)
.png)
.png)
Komentar
Posting Komentar