Monday, April 24, 2017

Membuat FORM Pendaftaran dengan HTML

By  7:23 PM  No comments



Assalamualaikum Sahabat Blog,disini saya hanya ingin mengajak teman-teman blog untuk berbagi ilmu bagaimana cara membuat Form Pendaftaran sederhana menggunakan HTML.silahkan lihat codingnya dibawah ini

Coding HTML Membuat FORM Pendaftaran
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
 <title>FORM</title>

</head>
<body>
 <table align="center">
  <tr>
   <td bgcolor="green" width="1000" height="50" align="center"><font size="5"><b>FORM REGISTRASI</b></font></td>
  </tr>
 </table>
 <table cellspacing="10" hspace="150">
 </table>
 <table border="0" align="center" width="1000" bgcolor="beige">
 <form>
  <tr>
   <td>NIM</td><td>:</td><td><input type="nim" value="" placeholder=""></td>
  </tr>
  <tr>
   <td>NAMA</td><td>:</td><td><input type="nama" value="" placeholder=""></td>
  </tr>
  <tr>
   <td>JENIS KELAMIN</td><td>:</td><td><input type="radio" name="JK" value="LK">LAKI-LAKI
   <input type="radio" name="JK" value="PR">PEREMPUAN</td>
  </tr>
  <tr>
   <td>ASAL</td><td>:</td><td><select name="ASAL">
      <option value="...">...</option>
      <option value="KJ">KOTA JAMBI</option>
      <option value="MJ">MUARO JAMBI</option>
      <option value="MB">BATANGHARI</option>
      <option value="MB">BUNGO</option>
      <option value="MB">TEBO</option>
      <option value="MB">TANJABBAR</option>
      <option value="MB">TANJABTIM</option>
      <option value="MB">SAROLANGUN</option>
      <option value="MB">KERINCI</option>
      <option value="MB">SUNGAI PENUH</option>
      </select></td>
  </tr>
  <tr>
   <td>NO TELP</td><td>:</td><td><input type="notelp" value="" placeholder=""></td>
  </tr>
  <tr>
   <td>ALAMAT EMAIL</td><td>:</td><td><input type="email" value="" placeholder=""></td>
  </tr>
  <tr>
   <td>PASSWORD</td><td>:</td><td><input type="password" value="" placeholder=""></td>
  </tr>
  <tr>
   <td>HOBBY</td><td>:</td><td><input type="checkbox" name="SepakBola" value="SepakBola"/>SepakBola<br/>
                         <input type="checkbox" name="Futsal" value="Futsal"/>Futsal<br/>
                         <input type="checkbox" name="Berenang" value="Berenang"/>Berenang</td><td><input type="checkbox" name="membaca" value="Membaca"/>Membaca<br/>
                         <input type="checkbox" name="joging" value="Joging"/>Joging<br/>
                         <input type="checkbox" name="gowes" value="Gowes"/>Gowes</td></td>
  </tr>
  <tr>
   <td>DESKRIPSI DIRI</td><td>:</td><td><textarea></textarea></td>
  </tr>
 </form>
 </table>
 <table align="center" border="0">
  <tr>
   <td bgcolor="blue" width="1000" height="50" align="center"><input type="submit"name="oke"value="OKE"/>
   <input type="submit"name="batal"value="BATAL"/></td>
  </tr>
 </table>
 <style>
  input[type=nim]{width: 121%; height: 30px; margin: auto;}
  input[type=nama]{width: 121%; height: 30px; margin: auto;}
  input[type=radio]{cursor: pointer;}
  select {width: 50%; height: 30px; margin: auto; cursor: pointer;}
  input[type=notelp]{width: 121%; height: 30px; margin: auto;}
  input[type=email]{width: 121%; height: 30px; margin: auto;}
  input[type=password]{width: 121%; height: 30px; margin: auto;}
  input[type=checkbox]{margin-right: 10px; cursor: pointer;}
  textarea{width: 121%; height: 100px; margin: auto; max-width: 1000px; max-height: 100px;}
  input[type=submit]{width: 80px; height: 45px; margin-left: 10px; cursor: pointer;}
 </style>
</body>
</html>

Semoga Bermanfaat
Wassalamualaikum Wr.Wb
Read More

Friday, April 21, 2017

Membuat Bendera dengan HTML

By  10:29 PM  No comments








Coding HTML Cara Membuat Bendera
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
 <title>BENDERA NEGARA</title>

</head>
<body bgcolor="black">
 <hr witdh="400px" align="center" color="red" size="5">
 <h1 align=center><font color="white">BENDERA INDONESIA</font></h1>
 <table cellspacing="0" align=center>
 <tr>
  <td bgcolor="red" width="700" height="250" ></td>
 </tr>
 <tr>
  <td bgcolor="white" width="700" height="250" ></td>
 </tr>
 </table>
 <hr witdh="400px" align="center" color="red" size="5">
 <h1 align="center"><font color="white">BENDERA DENMARK</font></h1>
 <table  border="0" vspace="50" hspace="50" cellspacing="0" align="center">
 <tr>
  <td bgcolor="red" width="230" height="200" ></td>
  <td bgcolor="white" width="50" height="200" ></td>
  <td bgcolor="red" width="445" height="200" ></td>
 </tr>
  <td bgcolor="white" width="230" height="50" ></td>
  <td bgcolor="white" width="50" height="50" ></td>
  <td bgcolor="white" width="455" height="50" ></td>
 <tr>
  <td bgcolor="red" width="230" height="250" ></td>
  <td bgcolor="white" width="50" height="250" ></td>
  <td bgcolor="red" width="445" height="250" ></td>
 </tr>
 </table>
 <hr witdh="400px" align="center" color="red" size="5"></br>
 <h1 align=center><font color="white">BENDERA ENGLAND</font></h1>
 <table cellspacing="0" align=center>
 <tr>
  <td bgcolor="white" width="400" height="200" ></td>
  <td bgcolor="red" width="70" height="200" ></td>
  <td bgcolor="white" width="400" height="200" ></td>
 </tr>
 <tr>
  <td bgcolor="red" width="400" height="70" ></td>
  <td bgcolor="red" width="70" height="70" ></td>
  <td bgcolor="red" width="400" height="70" ></td>
 </tr>
 <tr>
  <td bgcolor="white" width="400" height="200" ></td>
  <td bgcolor="red" width="70" height="200" ></td>
  <td bgcolor="white" width="400" height="200" ></td>
 </tr>
 </table>
 <hr witdh="400px" align="center" color="red" size="5"></br>
 <h1 align="center"><font color="white">BENDERA ITALIA</font></h1>
 <table cellspacing="0" vspace="50" hspace="50" align="center">
 <tr>
  <td  bgcolor="green" width="350" height="500" ></td>
  <td bgcolor="white" width="350" height="500" ></td>
  <td bgcolor="red" width="350" height="500" ></td>
 </tr>
 </table>
 <hr witdh="400px" align="center" color="red" size="5"></br>
 <h1 align="center"><font color="white">BENDERA CHILE</font></h1>
 <table cellspacing="0" vspace="50" hspace="50" align="center">
 <tr>
  <td bgcolor="blue" width="250" height="200" ><img src="star.png" width="250" height="200" alt="star" /></td>
  <td bgcolor="white" width="550" height="200" ></td>
 </tr>
 <tr>
  <td colspan="2" bgcolor="red" width="250" height="200" ></td>

 </tr>
 </table>
 <hr witdh="400px" align="center" color="red" size="5"></br>
 <h1 align="center"><font color="white">BENDERA KOSTARIKA</font></h1>
 <table cellspacing="0" vspace="50" hspace="50" align="center">
 <tr>
  <td bgcolor="blue" width="1000" height="80" ></td>
 </tr>
 <tr>
  <td bgcolor="white" width="1000" height="80" ></td>
 </tr>
 <tr>
  <td bgcolor="red" width="1000" height="160" ><img hspace="150" src="costa emblem.png" width="160" height="160" alt="costa emblem" /></td>
 </tr>
 <tr>
  <td bgcolor="white" width="1000" height="80" ></td>
 </tr>
 <tr>
  <td bgcolor="blue" width="1000" height="80" ></td>
 </tr>
 </table>
 <hr witdh="400px" align="center" color="red" size="5"></br>
</body>
</html>



Read More

Membuat Berita dengan HTML

By  8:48 PM  No comments




Coding Membuat Berita dengan HTML
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
 <title>BERITA_BERITA</title>

</head>
<body>
 <h1 align="center"><font face="trebuchet ms">PEMKOT BERSIHKAN PEMAKAMAN TIONGHOA</font></h1>
 <hr witdh="400px" align="center" color="red" size="5">
  <p align="center"><font face="trebuchet ms">
   <b>JAMBI</b> - Wali Kota Jambi H Syarif Fasha, meninjau tempat pemakaman umum (TPU) umat tionghoa (Kuburan Cina) di jalan Patiimura Kelurahan
   Rawasari,Rabu (23/2).
  </font></p>
  <p align="center"><font face="trebuchet ms">
   Kunjungan Wali Kota dengan mengikusertakan Kepala Dinas Kebersihan,Pertamanan dan Pemakaman Moncar.</font>
  </p>
 <hr witdh="400px" align="center" color="black" size="1">
 <h1><font face="arial">TAMPUNG 500 ORANG</font></h1>
 <hr witdh="400px" align="center" color="red" size="5">
  <p align="justify"><font face="arial"><b>TERMINAL</b> Bandara Sultan Thaha saat ini jauh lebih luas dari yang lama. Terminal baru ini mampu menampung 500 orang pada saat yang bersamaan.</font></p>
  <p align="justify"><font face="arial">Walau sudah cukup luas, namun jumlah penumpang per hari baru sekitar 2.000 orang, atau masih relatif hampir sama dengan saat masih berada di terminal lama.
  Setahun angka penumpang mencapai 1,4 hingga 1,5 juta orang. Hal itu diungkapkan oleh General Manager Angkasa Pura II Jambi, Achmad Syahir.</font></p>
 <hr witdh="400px" align="center" color="black" size="1">
 <h1>UNTUK BIAYA KULIAH</h1>
 <hr witdh="400px" align="center" color="red" size="5">
  <p><b>ROBBY</b>mengaku ikut dalam pencurian kendaraan bermotor bersama Desta dkk. Robby mengatakan,perannya membonceng tersangka Desta dan Fendi Saat beraksi.</p>
  Motor-motor curian itu ditampung sementara di rumah kontrakannya di perumahan nusantara.Setiap kawanan ini berhasil menjual motor curian, Robby mendapat bagian.
  "Uangnya Saya Pakai untuk bayar kontrakan dan untuk bayar kuliah," terang dia.
  <p>Hal senada diungkapkan Anggi. Anggi mengatakan, sudah 10 kali ikut pencurian motor bersama Desta dan Fendi. "Peran saya hanya sebagai joki (yang mengantar ke lokasi pencurian)," papar Anggi.
  Motor-motor curian,kata dia,dijual ke daerah Kedondong,Pesawaran.</p>
 <hr witdh="400px" align="center" color="black" size="1">
 <h1>PLN SIAGAKAN PETUGAS</h1>
 <hr witdh="400px" align="center" color="red" size="5">
  <p><b>JAMBI, TRIBUN</b>- Perisahaan Listrik Negara (PLN) menyatakan siap menjaga ketersediaan pasokan listrik saat SMP dan SMA menggelar ujian nasional (UN).Joni,Manajer PLN Area Jambi mengatakan siap membantu kelancaran ujian nasional,terlebih untuk sekolah-sekolah yang berbasis komputer</p>
  <p>"Mulai Senin lalu setiap hari lapor,targetnya lapor 11 sekolah sudah selesai,udah ketemu semua kepala sekolah.kita menyatakan siap," kata joni kepada Tribun,Kemarin(23/3).</p>
 <hr witdh="400px" align="center" color="black" size="1">
 <h1 align="center">JAMBI SIAGA</h1>
 <hr witdh="400px" align="center" color="red" size="5">
  <p align="center">dalam beberapa hari terakhir ketinggian air terus naik."Sudah empat hari naik lima centimeter. ini sudah siaga empat,kalau 13,60 meter sudah siaga tiga,"katanya.</p>
  <p align="center">Sahrudin menambahkan,naiknya debit air di sungai Batanghari karena kiriman dari hulu sungai.Ditambah lagi dengan kondisi pasang air laut yang juga mengalami kenaikan sehingga volume air meningkat di kota jambi.</p>
  <p align="center">"Ini kiriman air dari hulu,di hilir pasang laut tinggi jadi air naik,kemungkinan bakal naik lagi.Kalau di hilir hujan terus,pasti naik,"katanya.</p>
  <p align="center">Terpisah,Arif Munandar,kepala BPBD Provinsi Jambi mengatakan sejau ini pihaknya belum mendapatkan laporan terkait banjir akibat naiknya sungai batanghari.</p>
  <p align="center">Arief,prakirawan cuaca Stasiun Klimatologi BMKG Jambi menyebutkan kabupaten perlu waspada hujan lebat yakni Kerinci,Sungai Penuh,Bungo,Merangin,Sarolangun dan Tebo.</p>
 <hr witdh="400px" align="center" color="black" size="1">
</body>
</html>
label :


Read More