Dalam postingan kali ini saya akan memberikan tag HTML untuk pembuatan biodata.
baiklah langsung saja berikut adalah caranya, namun sebelumnnya kita harus berada di sublime text3, notpad, atau sejenisnya.
berikut kodenya :
<!DOCTYPE html>
<html>
<head>
<title>Zulkiya S. Eki</title>
</head>
<form action=""method="post">
<h1 align="centre">Biodata Diri</h1>
<hr>
<img src="ega.jpg" height="150" width="140" align="right"/>
<table border="0">
<tr>
<td>Nama Lengkap</td>
<td>:</td>
<td><input type="text" name="Alamat" siza="25" value="Zulkiya S. Eki"/></td>
</tr>
<tr>
<td>Nama Panggilan</td>
<td>:</td>
<td><input type="text" name="Alamat" size="25" value="Ega"/></td>
</tr>
<tr>
<td>TTL</td>
<td>:</td>
<td><input type="text" name="Alamat" size="25"value="KAB.GORONTALO"</>
<select name="select">
<option>Tanggal</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
<select name="select">
<option>Bulan</option>
<option>Januari</option>
<option>Februari</option>
<option>Maret</option>
<option>April</option>
<option>Mei</option>
<option>Juni</option>
<option>Juli</option>
<option>Austus</option>
<option>September</option>
<option>Oktober</option>
<option>November</option>
<option>Desember</option>
<option></option>
</select>
<select name="select">
<option>Tahun</option>
<option>2015</option>
<option>2014</option>
<option>2013</option>
<option>2012</option>
<option>2011</option>
<option>2010</option>
<option>2009</option>
<option>2008</option>
<option>2007</option>
<option>2006</option>
<option>2005</option>
<option>2004</option>
<option>2003</option>
<option>2002</option>
<option>2001</option>
<option>2000</option>
<option>1999</option>
<option>1998</option>
<option>1997</option>
<option>1996</option>
<option>1995</option>
<option>1994</option>
<option>1993</option>
<option>1992</option>
<option>1991</option>
</select></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td><input type="radio" name="Kelamin" value="Laki-laki"/>
Laki-laki
<input type="radio" name="Kelamin" value="Perempuan"/>
Perempuan</td>
</tr>
<tr>
<td>Agama</td>
<td>:</td>
<td><select name="select">
<option>Islam</option>
<option>Kristen</option>
<option>Hindu</option>
<option>Budha</option>
</td>
</tr>
<tr>
<td valign="top">Alamat</td>
<td valign="top">:</td>
<td valign="top"><textarea cols="20" rows="5">Jln.Adrian Ibrahim No.105</textarea></td>
</tr>
<tr>
<td>Kabupaten/Kota</td>
<td>:</td>
<td>
<select name="option">
<option value="GORONTALO">GORONTALO</option>
<option value="KAB.Gorontalo">Kab.Gorontalo</option>
<option value="KAB.Bonebolango">Kab.Bonebolango</option>
<option value="KAB.Pohuwato">Kab.Pohuwato</option>
<option value="KAB.Gorontalo Utara">Kab.Gorontalo Utara</option>
</td>
</tr>
<tr>
<td>Hobi</td>
<td>:</td>
<td><input type="checkbox" name="Olahraga" value="Olahraga"/>
Olahraga
<input type="checkbox" name="Membaca" value="Membaca"/>
Membaca
<input type="checkbox" name="Musik" value="Musik"/>
Musik
<input type="checkbox" name="Komputer" value="Komputer"/>
Komputer
<input type="checkbox" name="Lain-lain" value="Lain-lain"/>
Lain-lain</td>
</tr>
<tr>
<td valign="top">Komentar</td>
<td valign="top">:</td>
<td valign="top"><textarea cols="20" rows="5">Isikan Komentar anda di sini </textarea></td>
</tr>
<tr>
<td colspan="2"></td>
<td><input type="reset" name="reset" /><input type="submit"/></td>
</tr>
</table>
</form>
<body>
</body>
</html>
Tidak ada komentar:
Posting Komentar