Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Pemograman Web

Cara Membuat Web Sederhana Dengan HTML

Posted by: Bona Pasogit Posting Komentar
Web Sederhana Dengan Kode HTML
Langsung Copy aja Kodenya Ke Notepad lalu simpan dengan exetensi .hmtl

<html>
<head>
      <title> Bank BJB </title>
</head>
 <body>
 <table cellspacing="2">
  <tr>
   <td bgcolor="#0066FF" width="57" height="30">
    <center><img src="home.png" width="30" height="30"></center></td>
   <td bgcolor="#0066FF" width="92" height="30">
    <img src="Plane.png" width="30" height="30">
    <a href="Booking.html"><font color="#FF9933">Booking</font></a></td>
   <td bgcolor="#0066FF" width="150" height="30">
    <img src="i.png" width="30" height="30">
    <a href="info.hmtl"><font color="#FF9933">Info Penerbangan</font></a></td>
   <td bgcolor="#0066FF" width="100" height="30">
    <img src="promosi.png" width="30" height="30">
    <a href="promosi.html"><font color="#FF9933">Promosi</font></a></td>
   <td bgcolor="#0066FF" width="160" height="30">
    <img src="keranjang.png" width="30" height="30">
    <a href="produk.html"><font color="#FF9933">Produk & Layanan</font></a></td>
   <td bgcolor="#0066FF" width="140" height="30">
    <img src="tas.png" width="30" height="30">
    <a href="info.html"><font color="#FF9933">Info Perjalanan</font></a></td>
   <td bgcolor="#0066FF" width="170" height="30">
    <img src="merpati.png" width="30" height="30">
    <a href="merpati.html"><font color="#FF9933">Merpati Easy Flyer</font></a></td>
   <td bgcolor="#0066FF" width="142" height="30">
    <img src="telepon.png" width="30" height="30">
    <a href="Hubungi.html"><font color="#FF9933">Hubungi Kami</font></a></td>
  </tr>
 </table>
 <table cellspacing="4">
  <tr>
   <td background="background.jpg"  width="270" height="30">
   <img src="Plane.png" width="30" height="30"><font face="Adobe Garamond Pro Bold" color="FFOOOO"><b><i>Pesan Sekarang</td>
   <td rowspan="3" bgcolor="#00FF99" width="760" height="30">
    <img src="bjb.jpg" width="760" height="500"</td>
  </tr>
   <tr>
     <td background="background.jpg" width="270" height="400">
     <form>
      <center><input type="radio" name="nama_radio" value="Sekali_Jalan"/>
      <b><i><font face="Adobe Garamond Pro Bold" color="#FF0000">Sekali Jalan
       <input type="radio" name="nama_radio" value="Pulang_Pergi"/>Pulang Pergi</center>
     </form><p>
     <form>
     <center><select>
          <option>Kota Asal
          <option>Medan
          <option>Jakarta
          <option>Bandung
          <option>Kota Palangkaraya
          <option>Kota Singkawang
          <option>Pontianak
          <option>Manado
          <option>Kota Palu
          <option>Pekanbaru
          <option>Kota Tangerang Selatan Ciputat
         </select></center><p>
      <center><select>
          <option>Kota Tujuan
          <option>Kota Pematangsiantar
          <option>Kota Subulussalam
          <option>Kota Padangsidempuan
          <option>Kota Tanjungbalai
          <option>Kota Tebing Tinggi
          <option>Kota Pekanbaru
          <option>Kota Pangkal Pinang
          <option>Kota Subulussalam
          <option>Kota Tidore Kepulauan Soasiuta
         </select></center>
      </form>
      <form>
        <center><input type="text" size="40" placeholder="Berangkat" opacity="3"><p>
         <input type="text" placeholder="Kembali" size="40"><p>
         <input type="text" placeholder="Kode Promosi" size="40"><p></center>
      </form>
      Dewasa (12 th+)<select>
          <option>12
          <option>13
          <option>14
          <option>15
          <option>16
          <option>17
          <option>18
          <option>19
          <option>20
          <option>21
         </select><p>
      Anak (2 - 12 th) <select>
          <option>2
          <option>3
          <option>4
          <option>5
          <option>6
          <option>7
          <option>8
          <option>9
          <option>10
          <option>11
          <option>12
         </select><p>
    <img src="pesan-sekarang.png" width="200" height="30"><p>
    Bayi (<2 th)<br>
    Hubungi Contact center kami</td>
    </tr>
  <tr>
  <td background="background_1.jpg" width="270" height="30">
  <center><img src="jam.png" width="30" height="30"> Jadwal Penerbangan</td></center>
 </tr>
 </table>
  <table cellspacing="6">
  <tr>
   <td background="background_2.jpg" width="255" height="100">
   <center>Jakarta,Cengkareng - <p> Makasar</center></td>
   <td background="background_2.jpg" width="250" height="100">
   <center>Jakarta,Cengkareng - <p> Kupang</center>
   </td>
   <td background="background_2.jpg" width="255"height="100">
   <center>Surabaya - <p>Jakarta, Cengkareng</center></td>
   <td background="background_2.jpg" width="250" height="100">
   <center>Denpasar, Bali - <p>Bandung</center></td>
  </tr>
 </table>
 <table>
 <tr>
  <td background="background_3.jpg" width="1038" height="30">
  <center>Copyright @ 2017 Bonpas All Right Reserved | Designed By Bona Pasogit</center></td>
 </tr>
 </table>
</body>
</html>

NB :  Bona Pasogit bisa kalian ganti dengan nama kalian sendiri

Hasilnya :


Location:
Bona Pasogit
Bona Pasogit Content Creator, Video Creator and Writer

Posting Komentar untuk "Cara Membuat Web Sederhana Dengan HTML"

close