Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / pembuatan web site penjualan buku menggunakan html

pembuatan web site penjualan buku menggunakan html

Posting Komentar

 YUDI INDRA PRATAMA        [21140044]


Sebelum kita membuat web site penjualan ini alangkah baiknya kita mempersiapkan gambar serta icon - icon yang akan dibutuhkan di website penjualan nantinya.

kemudian kita buka Notepad untuk pembuatan coding website kita...

berikut adalah coding bahasa pemograman Html yang kita gunakan

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport"content="width=device-widt, intial-scale=1">

<title>YUDI INDRA PRATAMA</title>

<link rel="stylesheet" type="text/css"href="css/style.css">

   <link rel="stylesheet" type="text/css"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"css/style.css">

</head>

kemudian untuk memberikan warna background yang menarik kita bisa menggunakan perintah seperti dibawah ini, dengan perintah ini akan tampil dengan berbagai warna yang kita inginkan.



<body style="background-color: #b3f8ea ;">


<!-- header --->

<div class="medsos">

<div class="contair">

<ul>

<li><a href="#"><i class="fa-brands fa-facebook"></i></a></li>

<li><a href="#"><i class="fa-brands fa-youtube"></i></a></li>

<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>

</ul>

</div>

</div>

<header>

        <div class="container">

        <h1><a href="index.html">Yudi Shop</a></h1>

        <ul>

        <li><a href="index.html">HOME</a></li>

        <li><a href="produc.html">PRODUK</a></li>

                         <div class"produk">

       Berikut adalah tampilan dari perintah pembuatan icon media sosial, icon home dan juga produk yang telah kita buat


<table border"0" align"center"cellpading"18px">

           untuk memasukkan gambar produk yang kita inginkan dengan menggunakan perintah dibawah ini.   

              <img src="manajemen informatika.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen pariwisata.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen pemasaran.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen perkantoran.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen keuangan.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen pemasaran 1.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

             



         <img src="manajemen pemasaran 2.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen pemasaran 3.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen pemasaran 4.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen informatika 1.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen informatika 2.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen informatika 3.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen informatika 4.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen pariwisata 1.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen pariwisata 2.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen pariwisata 3.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen pariwisata 4.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen perkantoran 1.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen perkantoran 2.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen perkantoran 3.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen perkantoran 4.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen keuangan 1.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen keuangan 2.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen keuangan 3.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>

              <img src="manajemen keuangan 4.jpg" width="100" height="150">

              <h6>Harga Rp. 50.000</h>


                

        <li><a href="contact.html">CONTACT</a></li>

        </ul>

        </div>

       </header> 

       

       <!--manajemen informatika--->

       <section class="manajemen informatika">

            <h2>WELCOME TO MY WEBSITE</h2>

       </section>   

</body>

</html>

kemudian buka dokumen tempat penyimpanan file yang kamu buat.....

berikut adalah tampilan website penjualan yang telah kita buat






Lokasi:

Posting Komentar untuk "pembuatan web site penjualan buku menggunakan html"