Laman

Kamis, 16 Januari 2014

Tutorial Cara Membuat Tabel pendaftaran Sederhana Menggunakan Bahasa Pemograman HTML


Tutorial Cara Membuat Tabel pendaftaran Sederhana Menggunakan Bahasa Pemograman HTML
HTML
Hypertext Markup Language (html) adalah bahasa yang digunakan untuk menulis halaman web. html merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). html sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.



Berikut ini Langkah – langkah Bagaimana cara membuat table pendaftaran sederhana menggunakan bahasa pemograman HTML : 
1.    Bukalah software untuk menulis bahasa pemograman seperti : Noteped, Notepad++, Dreamweaver dll. 

 

2.  Pilihlah bahasa pemograman yang akan anda gunakan. Seperti : HTML, CSS, JavaScript, php, xml dll.


3. Tulislah code – code html untuk membuat sebuah table pendaftaran.
<html>
 <head>
 <title>Registrasi</title>
 </head>
 <body>
 <h1>Pendaftaran</h2>
 <form action="" method="POST">
 <label>Nama: </label>
 <input type="text" size="30" name="nama"><br>
 <label>Username: </label>
 <input type="text" size="16" name="uname" maxlength="16"><br>
 <label>Password: </label>
 <input type="password" size="16" name="pass" maxlength="16"><br>
 <label>Jenis Kelamin: </label>
 <input type="radio" name="jk" value="pria" checked><span> Pria</span>
 <input type="radio" name="jk" value="wanita"><span> Wanita</span>
 <br>
 <label>Hoby: </label><br>
 <input type="checkbox" name="hob" value="spkbola"><span> Sepak Bola</span>
 <input type="checkbox" name="hob" value="game"><span> Game</span>
 <input type="checkbox" name="hob" value="Badminton"><span> Badminton </span>
 <input type="checkbox" name="hob" value="tidur"><span> Tidur</span><br>
 <label>Deskripsikan diri anda: <label><br>
 <textarea style="height:100px;width:400px" name="desc"></textarea>
 <hr><br>
 <label>Darimana anda mendengar kami?</label><br>
 <select name="dengar">
 <option value="Facebook">Facebook</option>
 <option value="google">Google</option>
 <option value="mimpi">Mimpi</option>
 </select><br>
 <input type="submit" value="DAFTAR">
 <input type="reset" value="RESET">
 </form>
</body>
</html>
   4. Lalu klik save atau menekan tombol Control + s Di keyboard anda.
5 5. Buatlah nama dan jangan lupa format html (.HTML)
   6.  Dan jangan lupa megubah “save as type” menjadi “All Files”.
   7. Pilihlah tempat tempat untuk menyimpan data yang akan anda simpan.
   8.  Lalu klik save.

 

    9.  Lalu klik kanan file yang kalian buat 
   10. Lalu klik”Open With”
1 11. Pilihlah dengan apa kita ingin membuka file kita tersebut seperti : Mozzila Firefox dan Google Chrome


  
12. Tampillah web table pendaftaran…

  

                                                                                      BY : FIKRI SYAHPUTRA

Tidak ada komentar:

Posting Komentar