TUTORIAL MEMBUAT TABEL ONLINE SHOP
Assalamu’alaikum wr.wb.
Disini saya akan membahas tentang tutorial cara membuat
tabel , kolom dan garis . Dan gabungan kolom dengan garis . dan toko online .
Cara membuat baju Online :
Pertama kita ketik seperti dibawah ini untuk membuat
halaman utama :
Kita buat index dulu , dan setelah jadi kita beri nama
index.jpg
<html>
<head>
<title>Membuat
Tabel</title>
</head>
<body>
<table
width="1024"border="1"align="center">
<tr>
</tr>
<tr
height="400">
<td
width="150"bgcolor="83c5f8"><font size="+1"
face="Brush Script Std">Menu</font><br>
</td>
Setelah itu membuat profil dan diberi nama profil.jpg
<html>
<head>
<hr>
<tittle> <center> <b><font face="Xerography"> <font size="6" color="red"> PROFIL SAYA </font size="5" color="red"> <br>
<hr>
<p align="center"><img src="DSC0377911.jpg"/></p><br>
<body background="DSC03767.jpg"> <br>
</head>
<body background="DSC03767.jpg">
<p> <font face="Xerography"><font size="5" color="red"> Nama saya Lia Nur Hidayah<br>
Kelas XII Multimedia 2 <br>
No 17</font size="5" color="red"> <br> </p>
<p> <font face="Tekton Pro" color="black"> Alamat rumah saya di Dosaran RT19/05 , Kalikebo , Trucuk , klaten<br>
Hobi saya mengaji dan membaca :) Aku orangnya usil tapi baik sama ramah kok , hehe :D<br>
mungkin perkenalan cukup sekian. Thanks... <br>
<hr>
</head>
</html>
Dan hasilnya :

Kemudian cara membuat membuat tabel yang berisikan gambar , harga dan Qualitas kita ketik syntak Html produk dan diberi nama produk.jpg dibawah ini :
<td width="699"bgcolor="4d90db">&<table border = "1">
<tr><th> gambar</th><th>harga dan kualitas</th></tr>
<tr>
<td><img src="a.jpg"></td>
<td>
Harga : Rp. 215.000<br>
Ready babydoll denim kancing hidup @63 copy<br>
</td>
</tr>
<tr>
<td><img src="b.jpg"></td>
<td>
Harga : Rp. 215.000<br>
READY lips girl mat twiscone good qualyty @69 copy<br>
</td>
</tr>
<tr>
<td><img src="c.jpg"></td>
<td>
Harga : Rp. 175.000 <br>
Ready 038-maxi-bhn-sifon-seruti-ada-furing-free belt@-110rb copy<br>
</td>
</tr>
<tr>
<td><img src="d.jpg"></td>
<td>
Harga : Rp. 75.000 <br>
READY 1069@69<br>
buatan dari italia dengan merk ternama <br>
</td>
</tr>
<tr>
<td><img src="e.jpg"></td>
<td>
Harga : Rp. 75.000 <br>
READY blazer +iner @75 copy444<br>
buatan dari italia dengan merk ternama <br>
</td>
</tr>
<tr>
<td><img src="f.jpg"></td>
<td>
Harga : Rp. 69.000 <br>
READY choco cathrine @69 copy<br>
</td>
</tr>
<tr>
<td><img src="g.jpg"></td>
<td>
Harga : Rp. 98.000 <br>
Ready Cia2 59 rb bahan katun RAYON LD 98cm<br>
kancing variasi+tali serut copy<br>
</td>
</tr>
<tr>
<td><img src="h.jpg"></td>
<td>
Harga : Rp. 55.000 <br>
Ready Flazz 55rb bahan spandek fit to L+ ready copy<br>
</td>
</tr>
<tr>
<td><img src="i.jpg"></td>
<td>
Harga : Rp. 85.000 <br>
Ready maxi coklat tua katun rayon @85 copybr>
</td>
</tr>
<tr>
<td><img src="j.jpg"></td>
<td>
Harga : Rp. 110.000 <br>
Ready maxi ysl mat spandek halus +cardi +pasmina<br>
@110 (good quality +pasmina )<br>
</td>
</tr>
<tr>
<td><img src="j.jpg"></td>
<td>
Harga : Rp.89.000 <br>
Ready stelan 3pcs@89 spandek pe bgs all djamin pasmina sifoon<br>
</td>
</tr>
<tr>
<td><img src="k.jpg"></td>
<td>
Harga : Rp.87.000 <br>
ReadyRed asyah @87rb blus+celana+maxi bahan spandek halus copy<br>
</td>
</tr>
<tr>
<td><img src="l.jpg"></td>
<td>
Harga : Rp. 87.000 <br>
ReadyRed asyah @87rb blus+celana+maxi bahan spandek halus<br>
buatan dari italia dengan merk ternama <br>
</td>
</tr>
<tr>
<td><img src="m.jpg"></td>
<td>
Harga : Rp.67.000 <br>
READY HEMS LOLI @67 RB MATT TWISTCONE LD 100cm<br>
</td>
</tr>
<tr>
<td><img src="n.jpg"></td>
<td>
Harga : Rp. 69.000 <br>
Ready ! hem v stripe victoria@69 <br>
matt katun rayon import asli salur<br>
</td>
</tr>
<tr>
<td><img src="o.jpg"></td>
<td>
Harga : Rp.69.000 <br>
ready blouse lolita @69<br>
</td>
</tr>
<tr>
<td><img src="p.jpg"></td>
<td>
Harga : Rp. 69.000 <br>
Ready hem kotak xl @69<br>
</td>
</tr>
<tr>
<td><img src="q.jpg"></td>
<td>
Harga : Rp.68.000 <br>
Ready hem month @68 mat twiscone<br>
</td>
</tr>
<tr>
<td><img src="s1.jpg"></td>
<td>
Harga : Rp. 140.000 <br>
Ready overal hijab@140 mat jersey +pasmina<br>
</td>
</tr>
<tr>
<td><img src="s.jpg"></td>
<td>
Harga : Rp.135.000 <br>
Ready maxy jersey bagus high quality<br>
</td>
</tr>
<tr>
<td><img src="t.jpg"></td>
<td>
Harga : Rp. 69.000 <br>
Ready ! hem v stripe victoria@69<br>
matt katun rayon import asli salur copy<br>
</td>
</tr>
<tr>
<td><img src="u.jpg"></td>
<td>
Harga : Rp.77.000 <br>
Ready 1064@77 draperry dres matt jersey fit to XL copy<br>
</td>
</tr>
<tr>
<td><img src="v.jpg"></td>
<td>
Harga : Rp. 69.000 <br>
ready blouse lolita @69 copy<br>
</td>
</tr>
<tr>
<td><img src="w.jpg"></td>
<td>
Harga : Rp.59.000 <br>
Ready spandek rayon superr @59 copy<br>
</td>
</tr>
<tr>
<td><img src="x.jpg"></td>
<td>
Harga : Rp. 135.000<br>
READY!!! Maxi spandek @135 maxi +bleser +pasmina copy<br>
</td>
</tr>;</td>
<td width="163"bgcolor="fa308f"> </td>
</tr>
<tr><td colspan="3"><center>Copyright 2014</center></td></tr>
</table>
</body>
</html>
</body>
</html>
(Keterangan di <td><img src:”ini diketik nama
baju.jpg”></td>
Dan Hasilnya seperti ini :


Setelah itu kita buat hubungi kami.jpg :
<html>
<head>
<title>Membuat Tabel</title>
</head>
<body>
<table width="1024"border="1"align="center">
<tr>
<td colspan="3"><img src="header.jpg"></td>
</tr>
<tr height="400">
<td width="150"bgcolor="#7f5bdc"><font size="+1" face="Brush Script Std">Menu</font><br>
<table>
<tr height="50">
<td>
<a href="index.html">Beranda</a><br>
<a href="profil.html">Profil Kami</a><br>
<a href="produk.html">Produk Kami</a><br>
<a href="kontak.html">Hubungi Kami</a><br>
</td>
</tr>
<tr height="350"><td><tr><td>
</table>
</td>
<td width="699"bgcolor="#7c05f6"> <table>
<tr height="50">
<td>
Anda dapat menghubungi kami melalui<br>
Boutiq Liia Olshop<br>
telp: 085 729 510 354<br>
facebook: Liia<br>
e-mail:Lianurhidayah17@yahoo.com</br>
blog : http://lianurhidayah17.blogspot.com<br>
</td>
</tr>
<tr height="350"><td><tr><td>
</table>
</td>
<td width="163"bgcolor="#ac73e7"> </td>
</tr>
<tr><td colspan="3"><center>Copyright 2014</center></td></tr>
</table>
</body>
</html>
Dan hasilnya sebagai berikut :
Dan sebaiknya sebelum memasukkan gambar lebih baiknya
kita samakan ukurannya di Adobe Photoshop biar hasilnya rapi dan rapi .
Sekian , dan Terima Kasih J
Semoga bermanfaat...
Wassalamualaikum
wr.wb
Tidak ada komentar:
Posting Komentar