Halaman Web Sederhana

Sebuah halaman web sederhana dapat diciptakan dengan mengunakan pemahaman sebuah tabel.
untuk lebih jelasnya dapat dibuat sebuah halaman sederhana seperti pada gambar berikut ini:

Cermati bai-baik sebelumnya, perbaiki tanda " (petik) dah tanda tinggi (height) dan tulislah dalam bentuk yang benar
kode HTML diatas dapat dicopy pada text di bawah ini:





<html>
<head>
<title>soal mid no 3 by heru susanto
</title>
</head>
<body link="green" alink="red" vlink="black">


<table border ="0">

<tr>
<td><a href = "venduberg.html"><img src ="venduberg.jpg" width="200" height="100" > </a> </td>
<td><a href = "ngungap.html"><img src ="p_ngungap.jpg" width="200" height="100" > </a> </td>
<td><a href = "prambanan.html"><img src ="prambanan.jpg" width="200" height="100" > </a> </td>
<td><a href = "paris.html"><img src ="1_861652697l.jpg" width="200" height="100" > </a> </td>


</tr>

<tr align="top">
<td VALIGN="TOP">
<ol type="A" >
<li >Wisata Yogya </li>
<ul type ="disc">
<li ><a href ="index_mid.html" >Bonbin </a></li>
<li ><a href ="1">Prambanan</a></li>
<li ><a href ="2">Parangtritis</a></li>
<li ><a href ="a.html">Taman Sari </a></li>
<li ><a href ="v.html">Tugu Yogya </a></li>
</ul>
<li >Lainnya </li>
<ul type ="disc">
<li ><a href ="e">Transportasi</a></li>
<li ><a href ="f">Hotel</a></li>
<li ><a href ="g">Restoran</a></li>
<li ><a href ="h">Peta Jogja</a></li>
</ul>
</ol>
</td>


<td colspan="2" VALIGN="TOP">

<center><i> <u><ACRONYM TITLE ="Daerah Istimewa Yogyakarta">DIY</ACRONYM></u></i></center>

<p> <font face="arial" size="+1">Jogja (beberapa orang menyebutnya Yogyakarta,<br/>
Jogjakarta, atau Yogya) adalah kota yang terkenal akan <br/>
sejarah dan warisan budayanya.<br/>


Kabupaten Yogyakarta meliputi:
<ol><li>Kota Yogyakarta</li>
<li>Sleman</li>
<li>Bantul</li>
<li>Gunumhkidul</li>
<li>Kulonprogo</li>
</ol>
Sedangkan kekuasaan Paja Paku Alaman meliputi:
<ul type ="i"><li>Kota Paku Alaman</li>
<li>Adikarto</li>
</ul>
</font ></p>
</td>


<td> <img src ="images logo.jpg" width="200" heigth="200" > </td>
</tr>


<tr >
<td colspan="4" bgcolor="#0099cc" height="20">
<font face="courier new" color="white" size="-1">
<center><b><i> Copyright @ HERU SUSANTO<br/>2010 </center></b></i><font></td>


</tr>

</table>

</body>
</html>


Komentar

Postingan populer dari blog ini

Wilayah Kerja Puskesmas Di Kabupaten Bantul

Kecamatan dan Dukuh Kabupaten Bantul

alokasi memori