Perpustakaan Coding - Rancangan Tampilan Daftar_buku.php ( PART 4 )

Oke teman teman Sebelum kita lanjut dalam pembuatan website perpustakaan . Disarankan Pelajari Dari awal dulu ya Tujuannya Si biar ga keder . Klik Segera Link Dibawah ini :

Link 1 = Rancangan Membuat Tampilan Perpustakaan Index.php

Link 2 = Rancangan Membuat Tampilan Perpustakaan Login.php

Link 3 = Rancangan Membuat Tampilan Perpustakaan Home.php

Nah SEKARANG kita akan membuat Tampilan Seperti diatas untuk codenya sudah saya siapkan untuk kalian .

<!DOCTYPE html>

<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" href="css/Style.css">

<title>Perpustakaan Online Milenial</title>

</head>

<body>

<div id="container">

<div class="header"><img src="Perpustakaan.jpg" width="1100" height="150"></div>

<div class="main">

<div class="left">

<h3 align="center">MENU</h3>

<ul>

<li><a href="http://localhost:8080/Tugas_web_perpustakaan/index.php">Logout</a></li>

<li><a href="http://localhost:8080/Tugas_web_perpustakaan/home.php">Home</a></li>

<li><a href="#">Daftar Buku</a></li>

</ul>

<br>

<h3 align="center">BUKU TERPOPULER</h3>

<ul>

<li><a href="http://localhost:8080/Tugas_web_perpustakaan/Webdesign.php">Web Design</a></li>

<li><a href="#">Pemrograman</a></li>

<li><a href="#">Database</a></li>

</ul>

</div>

<div class="middle2">

<h2 align="center">SILAKAN BACA BUKU YANG ANDA SUKA !! </br>TETAP SEMANGAT SUKSES ITU TIDAK ADA YANG INSTAN</h2><br>

<div align="center">

</div>

<div class="buku">

<div class="foto">

<img src="Kekasih_Impian.png">

<div class="judul">Kekasih Impian</div>

<div class="penulis">Penulis: Wardah Maulina</div>

</div>

<div class="buku">

<div class="foto">

<img src="Great_teacher.png">

<div class="judul">How To Be Great Teacher</div>

<div class="penulis">Penulis: Syafii Efendi </div>

</div>

<div class="buku">

<div class="foto">

<img src="nikah_muda.png">

<div class="judul">Nikah Muda Nikah Kaya</div>

<div class="penulis">Penulis: Syafii Efendi</div>

</div>

<div class="buku">

<div class="foto">

<img src="Saring.png">

<div class="judul">Saring Sebelum Sharing</div>

<div class="penulis">Penulis: Nadirsyah Hosen</div>

</div>

<div class="middle2">

<div class="buku">

<div class="foto">

<img src="seni_bodoamat.png">

<div class="judul">Sebuah Seni untuk Bersikap Bodo Amat</div>

<div class="penulis">Penulis: Mark Manson</div>

</div>

<div class="buku">

<div class="foto">

<img src="first.png">

<div class="judul">Make Your First Million in Network Marketing</div>

<div class="penulis">Penulis: Mary Christensen With Wayne Christensen</div>

</div>

<div class="buku">

<div class="foto">

<img src="lentera.png">

<div class="judul">Lentera Kehidupan</div>

<div class="penulis">Penulis: Al-Habib al-Mursyid M. Luthfi bin Ali bin Hasyim bin Yahya</div>

</div>

<div class="buku">

<div class="foto">

<img src="cerita.png">

<div class="judul">Nanti Kita cerita Tentang Hari ini</div>

<div class="penulis">Penulis: Marchella FP</div>

</div>

</body>

</html>

Nah anda tinggal buka notepad/sublime/notepad++ atau yang anda suka dech . terus simpan dengan nama index.php . cara menampilkannya tau khan masuk xampp- htdocs-nmfolder - done
kalo kurang jelas koment ajah ya biar enak dan tau sayanya kurang jelasnya dimana ok sekian dulu dari saya untuk keterangan lanjutan koment lagi wkwkkws

Cara Membuat Artikel Dengan PHP