Minggu, 09 Maret 2014

PEMEROGRAMAN BERBASIS WEB

Asalamualaikum Wr.Wb
disini saya akan menjelaskan tentang html meskipun agak sedikit berantakan dalam penampilannya harap dmaklumi berikut ini gambar webnya :

apabila ingin mengetahui codingnya di bawah ini sudah ada serta penjelasannya :

<!DOCTYPE html><!--menggunakan html 5-->
<html>
<head><title>BIODATA</title></head>
         <!-- untuk menampilkan judul web yang kita buat-->
<body  bgcolor="#FFE4C4">
          <!--body= badan html,dan bgcolor=untuk membuat background pada web kita-->
<h2 align="center"><font color="#000000">FORM REGISTER</font></h2>
         <!--h2=digunakan untuk memperbesar dan mempertebal huruf,font color=warna dari judul web                      saya dan  terdapat kode warna -->
<form action="proses" method="post" name="form">
             <!--dipakai untuk pembuatan form dalam file HTML,fungsi method ini menentukan                                           bagaimana data akan dikirim ke server -->
<table  border="1" align="center" cellpadding="0"bgcolor=#DCDCDC">
                    <!--membuat table dengan background yang kodenya terdapat disamping-->
<tr>
                        <!--untuk membuat baris-->
<td>Nama</td>
                           <!--<td>nama=untuk membuat kolom nama,</td>=untuk mengakhiri kolam-->
<td>:</td>
                          <!--<td>:=untuk membuat kolom : ,</td>=untuk mengakhiri kolom-->
<td><input type="text" name="nama" size="39" autofocus required                                                                  placeholder="Masukkan Nama anda"></td>
<!--input type="teks"=inputan sebuah teks yang bisa di inputkan oleh user-->
<!--name="nama" size="39" = sebuah nama variable yang ada di dalam aplikasi, dan                                           mempunyai ukuran teksfield 39-->
<!--autofocus required= digunakan secara otomatis kursor ada pada teksfield, dan                                         teksfield itu akan mendapatkan pemberitahuan harus di isi-->
<!--placeholder=memberikan contoh isi pada teksfield--> 
</tr>
                                <!--untuk mengakiri baris-->
 <tr>
                                 <!--untuk membuat baris-->
<td>Alamat</td>
                                <!--<td>alamat=untuk membuat kolom alamat,</td>=untuk mengakhiri kolam-->
<td>:</td><!--<td>:=untuk membuat kolom : ,</td>=untuk mengakhiri kolom-->
<td><input type="text" name="Alamat" size="39" autofocus required                                                               placeholder="Masukkan Alamat anda"></td>
<!--input type="text"=inputan sebuah teks yang bisa di inputkan oleh user-->
<!--name="nama" size="39" = sebuah nama variable yang ada di dalam aplikasi, dan                                        mempunyai ukuran teksfield 39-->
<!--autofocus required= digunakan secara otomatis kursor ada pada teksfield, dan                                          teksfield itu akan mendapatkan pemberitahuan harus di isi-->
<!--placeholder=memberikan contoh isi pada teksfield--> 

</tr><!--untuk mengakhiri baris-->
<tr><!--untuk membuat baris-->
<td>Jenis Kelamin</td><!--<td>jenis kelamin=untuk membuat kolom jenia kelamin,</td>=untuk mengakhiri kolam-->
<td>:</td><!--<td>:=untuk membuat kolom : ,</td>=untuk mengakhiri kolom-->
<td><input type="text" name="Jenis Kelamin" size="39" autofocus required                                                      placeholder="Masukkan Jenis Kelamin anda"></td>
<!--input type="text"=inputan sebuah teks yang bisa di inputkan oleh user-->
<!--name="nama" size="39" = sebuah nama variable yang ada di dalam aplikasi, dan                                         mempunyai ukuran teksfield 39-->
<!--autofocus required= digunakan secara otomatis kursor ada pada teksfield, dan                                          teksfield itu akan mendapatkan pemberitahuan harus di isi-->
<!--placeholder=memberikan contoh isi pada teksfield--> 
</tr>
                                 <!--untuk mengakhiri baris-->
<tr>
                                 <!--untuk membuat baris-->
<td>Tanggal Lahir</td>
                                 <!--<td>tanggal lahir=untuk membuat kolom tanggal lahir, </td>=untuk mengakhiri                                          kolam-->
<td>:</td><!--<td>:=untuk membuat kolom : ,</td>=untuk mengakhiri kolom-->
<td><input type="text" name="Tanggal Lahir" size="39" autofocus required                                                       placeholder="Masukkan Tanggal Lahir anda"></td>
<!--input type="text"=inputan sebuah teks yang bisa di inputkan oleh user-->
<!--name="nama" size="39" = sebuah nama variable yang ada di dalam aplikasi, dan                                         mempunyai ukuran teksfield 39-->
<!--autofocus required= digunakan secara otomatis kursor ada pada teksfield, dan                                           teksfield itu akan mendapatkan pemberitahuan harus di isi-->
<!--placeholder=memberikan contoh isi pada teksfield--> 
</tr>
                               <!--untuk mengakhiri baris-->
<tr>
                               <!--untuk membuat baris-->
<td>Nomor Telepon</td>
                                <!--<td>nomor telepon=untuk membuat kolom nomor telepon,</td>=untuk                                                    mengakhiri kolam-->
<td>:</td><!--<td>:=untuk membuat kolom : ,</td>=untuk mengakhiri kolom-->
<td><input type="teal" name="Nomor Telepon"  size="39" autofocus required                                                 placeholder="Masukkan Nomor Telepon anda"></td>
<!--input type="teal"=inputan sebuah teks yang bisa di inputkan oleh user-->
<!--name="nama" size="39" = sebuah nama variable yang ada di dalam aplikasi, dan                                         mempunyai ukuran teksfield 39-->
<!--autofocus required= digunakan secara otomatis kursor ada pada teksfield, dan                                          teksfield itu akan mendapatkan pemberitahuan harus di isi-->
<!--placeholder=memberikan contoh isi pada teksfield--> 
</tr>
                             <!--untuk mengakhiri baris-->
<tr>
                             <!--untuk membuat baris-->
<td>Alamat Web</td>
                      <!--<td>alamat web=untuk membuat kolom alamata web,</td>=untuk mengakhiri kolam-->
<td>:</td>
                                 <!--<td>:=untuk membuat kolom : ,</td>=untuk mengakhiri kolom-->
<td><input type="text name="Alamat Web" size="39" autofocus required                                                       placeholder="Masukkan Alamat Web anda"></td>
<!--input type="text"=inputan sebuah teks yang bisa di inputkan oleh user-->
<!--name="nama" size="39" = sebuah nama variable yang ada di dalam aplikasi, dan                                        mempunyai ukuran teksfield 39-->
<!--autofocus required= digunakan secara otomatis kursor ada pada teksfield, dan                                          teksfield itu akan mendapatkan pemberitahuan harus di isi-->
<!--placeholder=memberikan contoh isi pada teksfield--> 
</tr>
                         <!--untuk mengakhiri baris-->
<tr>
                          <!--untuk membuat baris-->
<td>E-mail</td>
                          <!--<td>E-mail=untuk membuat kolom E-mail,</td>=untuk mengakhiri kolam-->
<td>:</td>
                           <!--<td>:=untuk membuat kolom : ,</td>=untuk mengakhiri kolom-->
                              <td><input type="text" name="E-mail" size="39" autofocus required                                                                placeholder="Masukkan E-mail anda"></td>
<!--input type="text"=inputan sebuah teks yang bisa di inputkan oleh user-->
<!--name="nama" size="39" = sebuah nama variable yang ada di dalam aplikasi, dan                                         mempunyai ukuran teksfield 39-->
<!--autofocus required= digunakan secara otomatis kursor ada pada teksfield, dan                                          teksfield itu akan mendapatkan pemberitahuan harus di isi-->
<!--placeholder=memberikan contoh isi pada teksfield--> 
</tr>
                      <!--untuk mengakhiri baris-->
<tr>
                      <!--untuk membuat baris-->
<td>Kecamatan</td>
                      <!--<td>kecmatan=untuk membuat kolom kecamatan,</td>=untuk mengakhiri kolam-->
<td>:</td>
                        <!--<td>:=untuk membuat kolom : ,</td>=untuk mengakhiri kolom-->
<td>
                           <!--untuk membuat kolom-->
<select name=""select>
                            <!--sebuah variabel yang ada didalam aplikasi combo box-->
<option value="">-pilih-</option>
                             <!--menambahkan pilihan pada combo box kecamatan-->
<option value="Tegal Besar">Tegal Besar</option>
                              <!--menambahkan pilihan kecamatan tegalbesar pada combo box kecamatan-->
<option value="kebonsari">kebonsari</option>
                             <!--menambahkan pilihan kecamatan kebonsari pada combo box kecamatan-->
<option value="sumbersari">sumbersari</option>
                             <!--menambahkan pilihan kecamatan sumbersari pada combo box kecamatan-->
                                <option value="arjasa">arjasa</option>
                              <!--menambahkan pilihan kecamatan arjasa pada combo box kecamatan-->
                                <option value="pakusari">pakusari</option>
                             <!--menambahkan pilihan kecamatan pakusari pada combo box kecamatan-->
</td>
                             <!--untuk menutup kolom-->

</tr>
                           <!--untuk mengakhiri baris-->
<tr>
                           <!--untuk membuat baris-->
<td colspan ="3" align="center"><input type="Submit" value="login"></td>
<!--colspan ="3"=menggabungkan 3 kolom menjadi 1 kolom didalam tabel-->
<!--align="center"=letak submit ada ditengah-tengah-->
<!--inputan sebuah teks yang bertuliskan submit-->
<!--value="login"=digunakan untuk tampilan submit dengan nama login-->

</tr><!--untuk mengakhiri baris-->
</table><!--sebagai penutup dari table-->
</form><!--sebagai penutup dari <form>-->
</body><!--sebagai penutup dari <body>-->
</html><!--sebagai penutup dari <html>-->

terima kasih atas perhatiannya

Walaikumsalam Wr.Wb 

Tidak ada komentar:

Posting Komentar