Wednesday, 20 March 2013

Membuat Form dengan HTML

Halo sobat Blogger, kali ini saya akan coba berbagi cara pembuatan form dengan html, udah pada tau form kan??, yaq form seperti sebuah tempat mengisikan data diri yang bisa terdiri dari text area, radio button, checkbox, select, button, dll.
Oke langsung aja saya akan membagikan sedikit cara membuat berbagai bentuk dalam form html.

1. membuat form text/tempat menulis

<html>
<head> </head>
<body>
<form>
Nama Depan &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:  <input type="text" name="nama depan">  <br><br>
Nama Belakang&nbsp;:  <input type="text" name="nama belakang"><br><br>
Email &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:  <input type="text" name="email"><br><br>
Password&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:  <input type="password" name="katasandi" value=""><br><br>
</form>
</body>
</html>

ini nih penampakan source di atas:
Nama Depan       :

Nama Belakang  :

Email                  :

Password            :


2. Radio Button

Jenis Kelamin :<br>
 <input type="radio" name="jenis_kelamin" value="pria"> Pria<br>
 <input type="radio" name="jenis _kelamin" value="wanita">Wanita

ini nih penampakan source di atas :


Jenis Kelamin :
Pria
Wanita


3. Checkbox

Hoby :<br/>
<input type="checkbox" name="hoby" value="voli">Voli<br>
<input type="checkbox" name="hoby" value="bulu tangkis">Bulu tangkis<br>
<input type="checkbox" name="hoby" value="futsal">Futsal<br>
<input type="checkbox" name="hoby" value="lari">lari<br>

ini nih penampakan source di atas :

Hoby :
Voli
Bulu tangkis
Futsal
lari


4. Select

Agama :<br />
<select name="agama">
<option value="islam">islam
</option><option value="hindu">hindu
</option><option value="kristen">kristen
</select>

ini nih penampakan source di atas :

Agama :



Sekian dulu yah sedikit tentang pembuatan form dengan html,
Selamat mencoba.

Sunday, 17 March 2013

Buat Tabel dengan HTML

 Untuk sobat blogger yg baru mulai belajar html nih ada sdikit cara buat bikin tabel dengan html, Langsung Aje ye...

<html>
<head>
<title>Tabel</title>
</head>
<h1> Belajar Buat Tabel </h1> //judul

<table height="200px" width="300px" border="1"> //mengatur besar ukuran tiap kotak tabel

<tr> //membuat baris

<td>Baris 1 Kolom 1</td> //membuat kolom
<td>Baris 1 Kolom 2</td>
<td>Baris 1 Kolom 3</td>

</tr> //untuk menutup setiap baris yg di buat

<tr>
<td>Baris 2 Kolom 1</td>
<td>Baris 2 Kolom 2</td>
<td>Baris 2 Kolom 3</td>
</tr>
<tr>
<td>Baris 3 Kolom 1</td>
<td>Baris 3 Kolom 2</td>
<td>Baris 3 Kolom 3</td>
</tr>
</table>
</html>


Ini nih Penampakan hasilnya...




kalo mau nambahin kolomnya tinggal nambah yang <td>.....</td> taruh di baris mana yg mau ditanbahin.
and kalo mau nambahin barisnya tinggal ditambahin <tr> di posisi yg di inginkan trus tambahin deh kolomnya pake cara yg diatas. jgn lupa setiap buat baris di tutup dengan </tr>


Sekian dulu deh buat contoh tabelnya.