Toko Buku Aisah
Toko Buku Saya (Aisah):
Ini dia tutorial membuat halaman awal di web:
<!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>Toko Buku Aisah</title>
</head>
<body>
<div id="container">
<div class="header"><img src="informatika.JPG" width="100" height="100"><h1>Toko Buku</h1>
</div>
<div class="main">
<div class="left">
<h3 align="center">MENU</h3>
<ul>
<li><a href="#">Home</a></li>
<li><a href="http://localhost/perpus/daftar_buku.php
>Daftar Buku</a></li>
</ul>
</div>
<div class="middle">
<h3align="center">Informatika/Pemasaran/Keuangan/Pariwisata/Perkantoran</h3>
<h2 align="center">Buku: Dasar-dasar Teknik Informatika</h2><br>
<div align="center">
<img src="matika.JPG" width="240" >
</div>
<p><a href="#">Baca Selengkapnya >></a></p>
</div>
<div class="right">
<h3 align="center">BUKU TERPOPULER</h3>
<ul>
<li><a href="#">Buku Keuangan</a></li>
<a href="keuangan.html">About us</a>
<li><a href="#">Buku informatika</a></li>
<a href="informatika.html">About us</a>
<li><a href="#">Buku Pemasaran</a></li>
<a href="pemasaran.html">About us</a>
<li><a href="#">Buku pariwisata</a></li>
<a href="pariwisata.html">About us</a>
</ul>
</div>
</div>
</div>
<div class="footer"><p
align="center">Copyright © 2022- Aisah</a></p>
</div>
</div>
</body>
</html>
Dan ini adalah hasilnya dari yang kita buat websitenya:
Ini tutorial membuat website tentang buku informatika dan harganya:
<!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>Toko Buku Aisah</title>
</head>
<body>
<div id="container">
<div class="header"><img src="keuangan.JPG" width="100" height="100"><h1>Toko Buku</h1></div>
<div class="middle2">
<h2 align="center">DAFTAR BUKU</h2><br>
<div align="center">
</div>
<table>
<tr>
<td><div class="buku">
<div class="foto">
<img src="tika.JPG" width="150" height="200">
<div class="judul">informatika</div>
<div class="penulis">Harga: 130.000</div>
</div>
</div></td>
<td><div class="buku">
<div class="foto">
<img src="informatika2.JPG" width="150" height="200">
<div class="judul">informatika</div>
<div class="penulis">Harga: 135.000</div>
</div>
</div></td>
</tr>
<tr>
<td><div class="buku">
<div class="foto">
<img src="informatika3.JPG" width="150" height="200">
<div class="judul">pengantar teknologi informatika dan komunikasi data </div>
<div class="penulis">Harga: 145.000</div>
</div>
</div></td>
<td><div class="buku">
<div class="foto">
<img src="informatika4.JPG" width="150" height="200">
<div class="judul">dasar atgoritma informatika</div>
<div class="penulis">Harga: 125.000</div>
</div>
</div></td>
<td><div class="buku">
<div class="foto">
<img src="informatika5.JPG" width="150" height="200">
<div class="judul">informatika</div>
<div class="penulis">Harga:100.000</div>
</div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="footer"><p align="center">Copyright © 2022- Aisah</a></p>
</div>
</body>
</html>
Dan ini hasilnya dari website yang sudah dibuat:
Ini tutorial membuat website tentang buku keuangan dan harganya:
<!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>Toko Buku Aisah</title>
</head>
<body>
<div id="container">
<div class="header"><img src="keuangan.JPG" width="100" height="100"><h1>Toko Buku</h1></div>
<div class="middle2">
<h2 align="center">DAFTAR BUKU</h2><br>
<div align="center">
</div>
<table>
<tr>
<td><div class="buku">
<div class="foto">
<img src="keuangan1.JPG" width="150" height="200">
<div class="judul">Memahami laporan keuangan</div>
<div class="penulis">Harga: 145.000</div>
</div>
</div></td>
<td><div class="buku">
<div class="foto">
<img src="keuangan2.JPG" width="150" height="200">
<div class="judul">Analisis laporan keuangan</div>
<div class="penulis">Harga: 145.000</div>
</div>
</div></td>
</tr>
<tr>
<td><div class="buku">
<div class="foto">
<img src="keuangan3.JPG" width="150" height="200">
<div class="judul">Keuangan negara dan daerah</div>
<div class="penulis">Harga: 155.000</div>
</div>
</div></td>
<td><div class="buku">
<div class="foto">
<img src="keuangan4.JPG" width="150" height="200">
<div class="judul">Analisis laporan keuangan sektor publik</div>
<div class="penulis">Harga: 145.000</div>
</div>
</div></td>
<td><div class="buku">
<div class="foto">
<img src="keuangan5.JPG" width="150" height="200">
<div class="judul">Analisis laporan keuangan</div>
<div class="penulis">Harga:135.000</div>
</div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="footer"><p align="center">Copyright © 2022- Aisah</a></p>
</div>
</body>
</html>
Dan ini hasil dari website yang sudah kita buat:
Ini dia tutorial membuat tentang buku pemasaran dan harganya:
<!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>Toko Buku Aisah</title>
</head>
<body>
<div id="container">
<div class="header"><img src="keuangan.JPG" width="100" height="100"><h1>Toko Buku</h1></div>
<div class="middle2">
<h2 align="center">DAFTAR BUKU</h2><br>
<div align="center">
</div>
<table>
<tr>
<td><div class="buku">
<div class="foto">
<img src="pemasaran1.JPG" width="150" height="200">
<div class="judul">Strategi pemasaran jasa</div>
<div class="penulis">Harga: 135.000</div>
</div>
</div></td>
<td><div class="buku">
<div class="foto">
<img src="pemasaran2.JPG" width="150" height="200">
<div class="judul">Pemasaran jasa</div>
<div class="penulis">Harga: 125.000</div>
</div>
</div></td>
</tr>
<tr>
<td><div class="buku">
<div class="foto">
<img src="pemasaran3.JPG" width="150" height="200">
<div class="judul">Pemasaran strategik</div>
<div class="penulis">Harga: 135.000</div>
</div>
</div></td>
<td><div class="buku">
<div class="foto">
<img src="pemasaran6.JPG" width="150" height="200">
<div class="judul">Manajemen pemasaran internasional</div>
<div class="penulis">Harga: 115.000</div>
</div>
</div></td>
<td><div class="buku">
<div class="foto">
<img src="pemasaran5.JPG" width="150" height="200">
<div class="judul">Pemasaran bank</div>
<div class="penulis">Harga:135.000</div>
</div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="footer"><p align="center">Copyright © 2022- Aisah</a></p>
</div>
</body>
</html>
Dan ini hasilnya dari website yang sudah kita buat:
Ini dia tutorial membuat website tentang buku pariwisata dan harganya:
<!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>Toko Buku Aisah</title>
</head>
<body>
<div id="container">
<div class="header"><img src="keuangan.JPG" width="100" height="100"><h1>Toko Buku</h1></div>
<div class="middle2">
<h2 align="center">DAFTAR BUKU</h2><br>
<div align="center">
</div>
<table>
<tr>
<td><div class="buku">
<div class="foto">
<img src="pariwisata1.JPG" width="150" height="200">
<div class="judul">industri pariwisata bali</div>
<div class="penulis">Harga: 165.000</div>
</div>
</div></td>
<td><div class="buku">
<div class="foto">
<img src="pariwisata2.JPG" width="150" height="200">
<div class="judul">Komunikasi pariwisata dalam era digital</div>
<div class="penulis">Harga: 183.000</div>
</div>
</div></td>
</tr>
<tr>
<td><div class="buku">
<div class="foto">
<img src="pariwisata3.JPG" width="150" height="200">
<div class="judul">Sejarah pariwisata</div>
<div class="penulis">Harga: 175.000</div>
</div>
</div></td>
<td><div class="buku">
<div class="foto">
<img src="pariwisata4.JPG" width="150" height="200">
<div class="judul">Perkembangan pariwisata dalam perspektif pemasaran</div>
<div class="penulis">Harga: 182.000</div>
</div>
</div></td>
<td><div class="buku">
<div class="foto">
<img src="pariwisata5.JPG" width="150" height="200">
<div class="judul">Kebudayaan dan pariwisata</div>
<div class="penulis">Harga:160.000</div>
</div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="footer"><p align="center">Copyright © 2022- Aisah</a></p>
</div>
</body>
</html>
Dan ini hasilnya website dari yang sudah kita buat:
Ini dia cara membuat website tentang buku perkantoran dan harganya:
<!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>Toko Buku Aisah</title>
</head>
<body>
<div id="container">
<div class="header"><img src="keuangan.JPG" width="100" height="100"><h1>Toko Buku</h1></div>
<div class="middle2">
<h2 align="center">DAFTAR BUKU</h2><br>
<div align="center">
</div>
<table>
<tr>
<td><div class="buku">
<div class="foto">
<img src="perkantoran1.JPG" width="150" height="200">
<div class="judul">manajemen perkantoran efektif dan efesien</div>
<div class="penulis">Harga: 165.000</div>
</div>
</div></td>
<td><div class="buku">
<div class="foto">
<img src="perkantoran2.JPG" width="150" height="200">
<div class="judul">manajemen administrasi perkantoran modern</div>
<div class="penulis">Harga: 183.000</div>
</div>
</div></td>
</tr>
<tr>
<td><div class="buku">
<div class="foto">
<img src="perkantoran3.JPG" width="150" height="200">
<div class="judul">administrasi perkantoran</div>
<div class="penulis">Harga: 175.000</div>
</div>
</div></td>
<td><div class="buku">
<div class="foto">
<img src="perkantoran4.JPG" width="150" height="200">
<div class="judul">administrasi perkantoran untuk manajer dan staff</div>
<div class="penulis">Harga: 182.000</div>
</div>
</div></td>
<td><div class="buku">
<div class="foto">
<img src="perkantoran5.JPG" width="150" height="200">
<div class="judul">teknologi perkantoran</div>
<div class="penulis">Harga:160.000</div>
</div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="footer"><p align="center">Copyright © 2022- Aisah</a></p>
</div>
</body>
</html>
Dan ini hasilnya dari kita buat website tersebut:
Komentar
Posting Komentar