Cara Membuat Penjualan Mobil Di Html

Nama        : Eria Teresia Lonika Br Bangun

Npm          :21140029


Tutorial kali ini kita akan membuat website  Penjualan mobil di html

Disini saya akan memperaktekan bagaimna caranya membuat web penjualan mobil online dengan html,bagi yang belum mengerti bagaimana cara membuat web untuk penjualan mobil online, berikut ini saya akan memberikan contohnya.

1. Pertama buka Notepad di komputer atau laptop kamu


2.kedua klik pilih file data yang berisi coding yang kamu ingin edukasi,setelah itu klik open



 <!DOCTYPE html>

<html>

<head>

<title>PENJUALAN ONLINE</title>

</head>

<body>

<h1 align="center"><font="black">SELAMAT DATANG DI WEBSITE RESMI PENJUALAN MOBIL TOKO JAYA MANDIRI</h1>

<h1 align="center"> TOKO JAYA MANDIRI</h1>

<h1 align="center"><img src="toko.jpg" style="width:300px;height:200px;"></h1>

<tr>

<h1 align="center">SElAMAT MENIKMATI</h1>

<h2 align="center">SEMOGA MENDAPATKAN MOBIL PILIHAN ANDA</h2>

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

<h3 align="center">DAFTAR PRODUK</h3>

</tr>

<tr>

<h3 align="center">Honda/Toyota/Suzuki/Dihatsu/Mitsubisi</h3>

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

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

<tr>



<th><img src="hondalogo.jpg" style="width:280px;height:300px;"></th>

<br>

<button class="button2 center"><a href="file:///C:/Users/hp/OneDrive/Dokumen/informatika/m.informatika/infor/hondaaaa2.html"><span>BeliDisini</span></button></a><br><br>

<th><img src="toyotalogo.jpg" style="width:280px;height:300px;"></th>

<br>

  <button class="button2 center"><a href="file:///C:/Users/hp/OneDrive/Dokumen/informatika/m.informatika/infor/toyotamobil2.html"><span>BeliDisini</span></button></a><br><br>    

   <th><img src="logosuzuki.jpg" style="width:280px;height:300px;"></th>

<br>

  <button class="button2 center"><a href="file:///C:/Users/hp/OneDrive/Dokumen/informatika/m.informatika/infor/mobilsuzuki1.html"><span>BeliDisini</span></button></a><br><br>       

   <th><img src="Daihatsu-logo.PNG" style="width:280px;height:300px;"></th>

<br>

  <button class="button2 center"><a href="file:///C:/Users/hp/OneDrive/Dokumen/informatika/m.informatika/infor/daihatzumobil1.html"><span>BeliDisini</span></button></a><br><br>       

    <th><img src="logomitsubisi.webp" style="width:280px;height:300px;"></th>

<br>

  <button class="button2 center"><a href="file:///C:/Users/hp/OneDrive/Dokumen/informatika/m.informatika/infor/mobilmitsubishi.html"><span>BeliDisini</span></button></a><br><br> 

<tr>




Berikut  Ini adalah hasil logo dari mobil merek Honda


Pada Setiap merek mobil ini terdapat 5 tipe mobil merek honda
Dan Untuk membuat halaman mobil nya haruslah tersendiri ,berikut contoh rumusnya


<table style="width:100%">
  <tr>
<body>
<h3 style="color:Tomato;">MOBIL HONDA CITY </H3>
<h3 style="color:Tomato;">Harga:Rp.333.600.000 Juta </H3>
<img src="honda1.jpg"<h3  style="width:150px;height:200px;"></th>
</p>
<h3 style="color:Tomato;">MOBIL HONDA CR-V</H3>
<h3 style="color:Tomato;">Harga:Rp.500.000.000 Juta </H3>
<img src="honda2.jpg"<h3  style="width:150px;height:200px;"></th>
</p>
<h3 style="color:Tomato;">MOBIL HONDA JAZZ</H3>
<h3 style="color:Tomato;">Harga:Rp.255.000.000 Juta </H3>
<img src="honda3.jpg"<h3  style="width:150px;height:200px;"></th>
</p>
<h3 style="color:Tomato;">MOBIL HONDA N7X</H3>
<h3 style="color:Tomato;">Harga:Rp.308.000.000Juta </H3>
<img src="honda4.jpg"<h3  style="width:150px;height:200px;"></th>
</p>
<h3 style="color:Tomato;">MOBIL HONDA CIVIC TYPE R Rp.1.700.000.000</H3>
<h3 style="color:Tomato;">Harga:Rp.308.000.000Juta </H3>
<img src="honda4.jpg"<h3  style="width:150px;height:200px;"></th>
</p>

Berikut adalah contoh hasil dari rumus di atas

nah begitulah tutorial cara membuat website penjualan mobil online dari html,semoga tutorial kali ini dapat bermanfaat bagi teman teman, Terimakasih
   







Komentar

Postingan populer dari blog ini

Cara Membuat Biodata Pada Command Prompt