Cara Buat Online Shop Pada HTML
pada
kesempatan ini kita akn mengembang html menjadi program yang sangat berguna
bagi kita dan para pengguna lainya. Kita akan membuat html menjadi online shop penjualan. Pada html
ini disebut html ststis. Tidak susah bagi siapa saja yang ingin menjoba program
ini dalam penjualan online dan para siswa/siswi dan orang pelajar lainya.
program ini tepat untuk system pebelajaran di sekolah yang ingin mencoba dalam
mengembangkan pembelajaran:
lihat
contoh dibawah ini:
Perhatikan Scrit
1
<html>
<head>
<title>sarudi</title>
<meta
http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body>
<p>
<marquee bgcolor="red">
SELAMAT DATANG
</marquee>
</p>
<p><img
src="JADI.jpg" width="1342"
height="200"></p>
<form><label></label>
<p>
Email
:
<label>
<input type="text"
name="textfield" id="textfield">
</label>
<br/></p>
<p> Password:
<label>
<input type="text"
name="textfield2" id="textfield2">
</label>
<br/></p>
<input
type="submit" name="submit" value="Submit"/>
<input
type="reset" name="reset" value="Reset"/>
</form>
<br><span
class="style2">MENU BARANG</span></br>
<p><a
href="bahan3.html">SUSU</a><a
href="bahan2.html"></a></p>
<p>MINUMAN</p>
<p>SNAKE</p>
<p>BERAS</p>
<p>BUMBUH
REMPAH-REMPAH</p>
<p>TEA</p>
<p><br>
</p>
<tr>
<th
scope="row"> </th>
</tr>
<tr>
<th width="238"
scope="row"><div align="left"><a
href="http://olx.co.id/medan-kota/ ">BELI YANG LAIN</a>
</div>
</body>
</html>
lihat hasil scrit pertama dibawah ini:
Lalu jangan lupa buat dokumen baru lagi dan tuliskan scirt di bawah ini
Perhatikan Scrit 2
<html>
<head>
<title>sarudi</title>
<style type="text/css">
<!--
body {
background-image:
url(image02.gif);
}
.style3 {
font-size:
18px
}
.style4 {font-size: 24px}
.style5 {font-size: 36px; color: #0000FF; font-weight: bold;
}
-->
</style>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1"></head>
<body>
<p>
<marquee
bgcolor="red">
SELAMAT DATANG
</marquee>
</p>
<p><img src="JADI.jpg" alt=""
width="1342" height="200"></p>
<div align="center"><br>
<span
class="style4">MENU BARANG</br>
</span>
</div>
<table width="1367" border="0"
bgcolor="#FF9933">
<tr>
<th
width="114" height="23" scope="col">SUSU</th>
<td
width="232" valign="bottom" scope="col"><p
align="center"><strong>MINUMAN</strong></p> </td>
<th
width="152" scope="col">SNAKE</th>
<th
width="149" scope="col">BERAS</th>
<th
width="541" scope="col">BUMBUH REMPAH-REMPAH</th>
<th
width="153" valign="middle"
scope="col">TEA</th>
</tr>
</table>
<p class="style5">SUSU</p>
<p><img src="normal_fe227032b0.jpg"
width="350" height="280"></p>
<p class="style3"> SUSU JAHE</p>
<p class="style3"> Rp: 5.000</p>
<p class="style3"> </p>
<p class="style4"><a
href="bahan4.html">BELI BARANG</a></p>
<p> </p>
<p> </p>
<p><br>
</p>
<tr>
<th
scope="row"> </th>
</tr>
<br>
<p>
<tr>
<th
width="238" scope="row">
</body>
</html>
lihat hasil scrit pertama dibawah ini:
Lalu buat lagi dokumen baru
Perhatikan Scrit 3
<html>
<head>
<title>sarudi</title>
<style type="text/css">
<!--
body {
background-image:
url(image02.gif);
}
.style3 {
font-size:
18px
}
.style4 {font-size: 24px}
.style6 {
font-size:
36px;
color:
#FF9900;
}
-->
</style>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1"></head>
<body>
<p>
<marquee
bgcolor="red">
SELAMAT DATANG
</marquee>
</p>
<p><img src="JADI.jpg" alt=""
width="1342" height="200"></p>
<p> </p>
<p align="center"
class="style6">TERIMAKASIH TELAH BERBELANJA DI TOKO ONLINE
MEDAN</p>
<p> </p>
<p class="style3"> </p>
<p class="style4"> </p>
<p> </p>
<p> </p>
<p><br>
</p>
<tr>
<th
scope="row"> </th>
</tr>
<br>
<p>
<tr>
<th
width="238" scope="row">
</body>
</html>
lihat hasil scrit pertama dibawah ini:
terimakasih telah berkunjung di web saya okk:
EmoticonEmoticon