Skip to main content

Pengenalan Web dengan HTML

Berikut adalah contoh pembuatan web sederhana dengan versi HTML :

<html>
<head>
<link rel="stylesheet" type="text/css" href="latihan.css" />
<title>Latihan UAS</title>
</head>
<body>
<table>
 <tr>
  <td colspan="4" class="atas"><h1>WEBSITEKU</h1>
  </td>
 </tr>
 <tr class="menu">
   <td id="td"><a href="home.html">Home</a></td>
   <td id="td"><a href="profil.html">Profil</a></td>
   <td id="td"><a href="friends.html">Friends</a></td>
   <td id="td"><a href="Inbox.html">Inbox</a></td>
 </tr>
 <td><image src="pemandangan.jpg" width="100" height="100"></td>
  <td rowspan="3" colspan="2">
   Isikan data :
    <ul type="circle">
    <li>masukkan nama</li>
    <li>masukkan JK</li>
    <li>Pilih umur</li>
    </ul>
   Nama : <input type="text" name="firstname"><br><br>
   JK     : <input type="radio" name="jk" value="p">P
          <input type="radio" name="jk" value="L">L<br><br>
   umur    : <select name="platform" size="1">
      <option value="umur 10">10-20
          <option value="umur 21">21-40
      <option value="umur 41">41-60
         </select><br><br>
   <center>
   <input type="submit" value="simpan">
   <input type="submit" value="batal">
   </center>
   </td>
   <td rowspan="3"  valign="top">
    <a href="home.html">home</a>
    <a href="galeri.html">galeri</a>
    <a href="profil.html">profil</a>
   </td>
 </tr>
 <tr>
  <td><image src="inter.jpg" width="100" height="100"></td>
 </tr>
 <tr>
  <td bgcolor="red"><image src="logo.png" width="100" height="100"></td>
 </tr>
<tr>
  <td colspan="4">@Copyright by Mohamad Hanafi 2011</td>
 </tr>
</table>
</body>
</html>


Hasilnya adalah seperti berikut:



Comments

Post a Comment

Popular posts from this blog

PENDAFTARAN SILAT TAUHID INDONESIA

KUTIPAN SINGKAT Ilmu beladiri sudah berdiri sejak lama di bumi tanah air Indonesia tercinta. Berbagai macam silat seperti ilmu tenaga luar sampai yang main pernafasan alias biasa orang sebut dengan tenaga dalam. Seperti SILAT TAUHID INDONESIA(STI) yang pusatnya ada di Yogyakarta Silat Tauhid mendalami ilmu tenaga luar dan tenaga dalam. Tapi passion nya lebih ke tenaga dalam, jurus-jurus STI menggunakan huruf hijaiyah dari tingkatan paling dasar (Iqro’) sampai tingkatan pendekar (Akbar) dari dasar sampai ke pendekar bisa di tempuh kurang lebih 3 - 4 tahun (jika latihanya rutin). LINTAS SEJARAH Dasar Keilmuan (Rahasia dzikir) dalam padepokan ilmu sujud tenaga dalam Silat Tauhid Indonesia berasal dari Rasullullah Muhammad S.A.W (Hadist Tabrani-Baihaqi) sampai ke Syayidina Ali – Syeikh Abdul Kadir Jaelani – Syeikh Ahmad Alfalatil Bauni. Sampai ke tangan Syeikh Maulana Makdum Ibrohim atau dikenal sebagai Sonan Bonang. Oleh Sunan Bonang jurus-jurusnya diciptakan beliau dari g...
1 comment
Read more
PERJALANAN YOGYAKARTA KE BOJONEGORO VIA KERETA API Haloo gays… sudah lama banget tidak menceritakan pengalaman saya…kali ini saya mau share pengalaman perjalan saya dari jogja ke bojonegoro dengan menggunakan kereta api. Kenapa saya menggunakan perjalanan kereta api, kalau dari pengalaman pribadi menggunakan kereta api disamping cepat dan nyaman (perjalanan ini tanpa pindah kereta api). Pelayanan kereta api dari beberapa bulan terakhir ini sudah mulai nyaman di hati konsumen dari segi fasilitas ekonomi bahkan sampai eksekutif, untuk fasilitas ekonomi sendiri sudah dilengkapi dengan pendingin ruangan (AC) tapi juga masih sebagian penumpang masih mengeluhkan hal ini karena kurang dingin atau problem yang lain. Kali ini saya sharing perjalanan via kereta api dari stasiun tugu (Yogyakarta) ke stasiun Sumberrejo (Bojonegoro), perjalanan ini bisa menggunakan alternative jalur tengah ke utara atau melalui jalur selatan ke utara (melalui jalur shurcut surabaya gubeng – Surabaya pasar...
4 comments
Read more

Perhitungan otomatis dengan JavaScript dengan checkbox

dibawah ini scriptnya : <html> <script type="text/javascript"> function tugas2() { var jumlah=0; var harga; if(document.getElementById("menu1").checked) { harga=document.getElementById("menu1").value; jumlah=jumlah+parseInt(harga); } if(document.getElementById("menu2").checked) { harga=document.getElementById("menu2").value; jumlah=jumlah+parseInt(harga); } if(document.getElementById("menu3").checked) { harga=document.getElementById("menu3").value; jumlah=jumlah+parseInt(harga); } document.getElementById("total").value=jumlah; } function inputan (){ var total; var bayar; var kembalian; total = document.getElementById("total").value; bayar = document.getElementById("bayar").value; kembalian = parseInt(bayar)-parseInt(total); document.getElementById("kembali").innerHTML=kembalian; } ...
2 comments
Read more