Baiklah teman-teman di sini saya ingin membuat tutorial cara membuat halaman web dengan menjual mobil dengan menggunakan bahasa pemograman HTML banyak di antara kita menggunakan online shop untuk membeli beberapa mobil jadi saya berinisiatif membuat halaman web untuk mempermudah teman-teman ketika ingin membeli mobil dan membuat halaman web untuk penjualan mobil mobil.
Di sini saya menggunakan bahsa pemograman yang mudah di pahami oleh teman-teman agar bisa di gunakan apabila teman-teman berniat membuat halaman web online shop.
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
body
background-image: url('fitri.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:#FFEBCD;}
li a:hover{background: #4da4ff; color:#fff;}
.navi{background: #222; height: 50px}
</style>
<nav class="navi">
<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>
<h1 align="center"style="background-color:#FFEBCD">SELAMAT DATANG DI WEBSITE RESMI PENJUALAN MOBIL DENGAN HARGA TERJANGKAU
</h1>
<table style=''width:100%>
<tr>
<h1 align="center" style="color:Orange;">1.MOBIL HONDA </h1>
<p<th>
<h1 align="center"><img src="MOBIL 1.JPG" style="width:500px;height:620px;">
</th>
</p>
<br>
<button class="button2 center"><a href="file:///D:/mayo/jenis.html"><span>Lihat!</span></button></a><br><br>
<h1 align="center" style="color:DodgerBlue;">2.MOBIL SUZUKI </h1>
<p<th>
<h1 align="center"><img src="MOBIL 3.JPG" style="width:500px;height:620px;"></th></p>
<br>
<button class="button2 center"><a href="file:///D:/mayo/jenis.HTML"><span>Lihat!</span></button></a><br><br>
<h1 align="center" style="color:Orange;">3.MOBIL JEEP </h1>
<p<th>
<h1 align="center"><img src="MOBIL 4.JPG" style="width:500px;height:620px;">
</th>
</p>
<br>
<button class="button2 center"><a href="file:///C:/Users/ASUS/Desktop/Y.%20KONSENTRASI/mobilhonda.html"><span>Lihat!</span></button></a><br><br>
<h1 align="center" style="color:DodgerBlue;">4.MOBIL MITSUBISHI </h1>
<p<th>
<h1 align="center"><img src="MOBIL 6.JPG" style="width:500px;height:620px;"></th></p>
<br>
<button class="button2 center"><a href="file:///C:/Users/ASUS/Desktop/Y.%20KONSENTRASI/mobilsuzuki.HTML"><span>Lihat!</span></button></a><br><br>
<h1 align="center" style="color:Orange;">5.MOBIL TESLA </h1>
<p<th>
<h1 align="center"><img src="MOBIL 5.JPG" style="width:500px;height:720px;">
</th>
</p>
<br>
<button class="button2 center"><a href="file:///C:/Users/ASUS/Desktop/Y.%20KONSENTRASI/mobildaihatsu.html"><span>lihat!</span></button></a><br><br>
</tr>
</body>
</html>
Kemudian hasilnya akan jadi seperti ini:.jpeg)
.jpeg)
Kita sudah masuk kedalam bagian merk mobil, klik salah satu merek untuk melihat bagian dalamnya. Selanjutnya kita akan membuat web baru untuk membuat notepad baru untuk membuat web agar dapat memilih mobil yang akan dibeli.
<html>
<head>
<tittle> MOBIL HONDA </title>
<head>
<body>
<h1 align="center" style="color:Orange;">1.MOBIL NEW HONDA CR-V </h1>
<h3 align="center" style="color:Tomato;">Harga: Mulai Rp 515,9 juta</h3>
<h1 align="center"><img src="MOBIL 2.JPG" style="width:500px;height:620px;">
<h3 style="color:Tomato;">MOBIL NEW SIENTA</h3>
<h3 style="color:Tomato;">Harga:Rp.500.000.000</h3>
<p<th><img src="MOBIL2.JPG" style="width:300px;height:420px;"></th>
</p>
<h3 style="color:Tomato;">MOBIL NEW VELLFIRE</h3>
<h3 style="color:Tomato;">Harga:Rp.400.000.000</h3>
<p<th><img src="MOBIL3.PNG" style="width:300px;height:420px;"></th>
</p>
<h3 style="color:Tomato;">MOBIL KIJANG INNOVA</h3>
<h3 style="color:Tomato;">Harga:Rp.100.000.000</h3>
<p<th><img src="MOBIL4.PNG" style="width:300px;height:420px;"></th>
</p>
<h3 style="color:Tomato;">MOBIL ALL NEW VOXY</h3>
<h3 style="color:Tomato;">Harga:Rp.700.000.000</h3>
<p<th><img src="MOBIL5.JPG" style="width:300px;height:420px;"></th>
</p>
<br>
<button class="button2 center"><a href="file:///C:/Users/ASUS/Desktop/Y.%20KONSENTRASI/JUALMOBIL.HTML"><span>kembali!</span></button></a><br><br>
INI ADALAH HASIL DARI HTML DI ATAS
Sekian dari saya terimakasih.
Tidak ada komentar:
Posting Komentar