Belajar membuat halaman web dengan HTML

Published 20/09/2012 by onpumooirahayu

  • Tugas

Dengan menggunakan HTML buatlah halaman web mengenai profil data pribadi.

 

  • Syntax HTML

 

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”&gt;

 

<html>

 

<head>

<title>Sans Titre</title>

<meta http-equiv=”content-type” content=”text/html; charset=iso-8859-1″ />

<meta name=”generator” content=”HAPedit 3.1″>

</head>

<body bgcolor=”#8B008B”>

<table border=”1″ width=”100%” align=”center” >

<tr>

<td width=”70″ height=”70″ align=”center”><img title=”cinderella-rose0″ src=”cinderella-rose0.gif” alt=”cinderella-rose0″ width=”250″ height=”300″></td>

<td width=”50″ height=”50″ align=”center”> <img src=”ayu.jpg” width=”800″ height=”300″> </td>

<td width=”70″ height=”70″ align=”center”><img title=”little-mermaid-ariel” src=”little-mermaid-ariel.gif” alt=”little-mermaid-ariel” width=”250″ height=”300″></td>

</tr>

<table border=”1″ cellpadding=”8″ width=”100%” align=”center”>

<tr>

<td align=”center” >Home</td>

<td align=”center” >Cara Membeli</td>

<td align=”center”” >Cara Pembayaran</td>

<td align=”center” >Cara Pengiriman</td>

<td align=”center” >Artikel Kami</td>

<td align=”center” >Berita</td>

<td align=”center” >FAQ</td>

<td align=”center” >Testimonial</td>

<td align=”center” >Kontak Kami</td>

<td align=”center” >Tentang Kami</td>

</tr>

</table>

<table border=”1″ width=”100%” align=”center”>

<tr>

<td align=”center”  width=”25%”>

<table width =”100%” align=”center” border=”1″>

<tr>

<td>

<b> Pencarian Produk <br>

<input type=”password” name=”nama”size=”30″ maxlength=”15″>

<input type=”reset” name=”Login” value=”Login”> </td>

</tr>

<tr>

<td>

<b> Produk Kami

<ul type=”circle”>

<li>Produk 1</li>

<li>Produk 2</li>

<li>Produk 3</li>

<li>Produk 4</li>

<li>Produk 5</li>

</ul>

</td>

</tr>

<tr>

<td>

<table width=”65%” border=”0″ align=”center”>

<tr>

<td colspan=”2″ bgcolor=”#00BFFF”> <div align=”center”>Login

Password</div></td>

</tr>

<tr bgcolor=”#8B008B”>

<td width=”65%” height=”38″>E-Mail</td>

<td> <input type=”text” name=”user”> </td>

</tr>

<tr>

<td height=”20″>Password</td>

<td> <input type=”password” name=”pswt” > </td>

</tr>

<tr bgcolor=”#FF1493″>

<td colspan=”2″>

<input type=”reset” name=”Login” value=”Login”> </td>

</tr>

 

</table></td>

</tr>

<tr>

<td>

Artikel Kami

<ul type=”circle”>

<li>Artikel 1</li>

<li>Artikel 2</li>

<li>Artikel 3</li>

<li>Artikel 4</li>

<li>Artikel 5</li>

</ul>

 

</td>

</tr>

<tr>

<td>

Berita

<ul type=”circle”>

<li>Berita 1</li>

<li>Berita 2</li>

<li>Berita 3</li>

<li>Berita 4</li>

<li>Berita 5</li>

</ul>

</td>

</tr>

</table>

 

</td>

<td align=”center”  width=”50%” bgcolor = #FAEBD7>Tiga</td>

<td align=”center”  width=”25%”>

<table width =”100%” align=”center” border=”1″>

 

<tr>

<td width=”50″ height=”50″ align=”center”> Keranjang Belanja <br> Keranjang Belanja Anda Masih Kosong   <img src=”planetniaga-727713.jpg” width=”100″ height=”100″> </td>

</tr>

<tr>

<td width=”50″ height=”50″ align=”center”> Vini <br> Disy</td>

</tr>

<tr>

<td width=”40″ height=”40″>  </td>

</tr>

<tr>

<td width=”50″ height=”50″ align=”center”> <img src=”BankCentralAsiaBCA.jpg” width=”180″ height=”70″> <br> <img src=”bank-mandiri-logo1.jpg” width=”180″ height=”60″> <br> <img src=”index.jpg” width=”180″ height=”80″></td>

</tr>

<tr>

<td width=”50″ height=”50″ align=”center”><img src=”jne.jpg” width=”180″ height=”65″> <br> <img src=”wahana-logo.jpg” width=”180″ height=”60″> <br> <img src=”Logo Pos Indonesia (1).jpg” width=”180″ height=”110″></td>

</tr>

</table>

</tr>

</table>

</td>

 

<table border=”0″ cellpadding=”10″ width=”100%” align=”center”>

<tr>

<td width=”50″ height=”50″ align=”center”> <img src=”aaaaaa.jpg” width=”100″ height=”150″> </td>

<td width=”50″ height=”50″ align=”center”> Coptright 2012 – Rahayu LittlePrincess  <br> Powered by Rahayu </td>

<td width=”50″ height=”50″ align=”center”> <img src=”Snapshot_20120823_62.jpg” width=”100″ height=”150″> </td>

</tr>

</table>

 

</table>

 

<hr />

HAPedit 3.1.11.111 (September 2012 14:48:51)

 

</body>

</html>

 

 

 

 

 

 

 

 

 

 

 

  • Hasil Link…

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout /  Ubah )

Foto Google

You are commenting using your Google account. Logout /  Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout /  Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout /  Ubah )

Connecting to %s

%d blogger menyukai ini: