Membuat Daftar riwayat hidup dengan kode HTML

Pada artikel ini saya akan memaparkan cara membuat daftar riwayat hidup dengan kode HTML. Untuk lebih jelasnya copy paste kode di bawah ini dengan notepad lalu di simpan dengan extention html.
<html> <head > <title>DAFTAR RIWAYAT HIDUP</title> </head> <body bgcolor="#ff00ff" width="699" height="700"> <p ALIGN="CENTER">DAFTAR RIWAYAT HIDUP</p> <BR><table cellpadding="0" cellspacing="2"> <tr> <td width="11%"><PRE>1 Nama</PRE></td> <td width="3%">:</td> <td width="86%"><input type="text" value="nama anda" NAME="nama"size="30" font face="verdana"></td> </tr> <tr> <td width="11%"><PRE>2 Jenis Kelamin</PRE></td> <td width="3%">:</td> <td width="86%"><input type="text" VALUE="LAKI-LAKI"NAME="KELAMIN"size="30"></td> </tr> <tr> <td width="11%"><pre>3 Warga Negara</pre></td> <td width="3%">:</td> <td width="86%"><input type="text" VALUE="INDONESIA" NAME="warga" size="30"></td> </tr> <tr> <td width="11%"><pre>4 Tempat/Tanggal Lahir</pre></td> <td width="3%">:</td> <td width="86%"><input type="text" value="tempat tanggal lahir anda" NAME="TGL LHR" size="30"></td> </tr> <tr> <td width="11%"><pre>5 Alamat</pre></td> <td width="3%">:</td> <td width="86%"><input type="text" value="alamat anda" Name="Tmpt Tinggal" size="30"></td> </tr> <tr> <td width="11%"><pre>6 Agama</pre></td> <td width="3%">:</td> <td width="86%"><input type="text" value="agama" name="Religi" size="30"></td> </tr> <td width="11%"><pre>7 Status</pre></td> <td width="3%">:</td> <td width="86%"><input type="text" value="status" NAME="statuse" size="30"></td> </tr> <tr> <td width="11%"><pre>8 Telepon</pre></td> <td width="3%">:</td> <td width="86%"><input type="text" value="085292822xxxx" name="telp" size="30"></td> </tr> <tr> <td width="11%"><pre>9 Nama ayah</pre></td> <td width="3%">:</td> <td width="86%"><input type="text" value="nama ayah anda" name="ayah" size="30"></td> </tr> <tr> <td width="11%"><pre>10 Nama Ibu</pre></td> <td width="3%">:</td> <td width="86%"><input type="text" value="nama ibu anda" nama="Ibu" size="30"></td> </tr> <tr> <td width="11%"><pre>11 Alamat orang tua</pre></td> <td width="3%">:</td> <td width="86%"><input type="text" value="alamat ortu anda" name="Alamat Ortu" size="30"></td> </tr> <tr> <td width="11%"><pre>12 Pekerjaan orang tua</pre></td> <td width="3%">:</td> <td width="86%"><input type="Text" value="pekerjaan" name="pekerjaan ortu" size="30"></td> </tr> <tr> <td width="11%"><pre>13 Ijazah sekolah</pre></td> <td> </td> <td> </td> </tr> </table> <p> <table cellspasing="2"> <tr> <td><pre>a SD</pre></td> <td>:</td> <td>nama sd</td> <td><pre> tahun tamat</pre></td> </tr> <tr> <td><pre>b SMP</pre></td> <td>:</td> <td>nama smp</TD> <Td><pre> tahun tamat</pre></td> </tr> <tr> <td><pre>c SMK</pre></TD> <td>:</td> <td><pre>nama sma</TD> <td><pre> tahun tamat</pre> </tr> </table> <p><font face="times new roman">Demikian dafar riwayat hidup ini di buat dengan sebenarnya.</font></p> <pre align="right"><br><br>Purworejo, 15 Maret 2010<br><br><br> SIGIT HARYADI</font></PRE> <pre><br><br><br> <p align="center"> <font face="comic" align="center" font color="red"> CopyRight 2010 by Design Sigit Haryadi my blog <a href="http://sigit-polsa.blogpsot.com"><b><blink>Sigit Polsa</blink></b></a> </font></p></pre> </body> </html>
Pada kode <td width="86%"><input type="Text" value="pekerjaan" name="pekerjaan ortu" size="30"></td>
adalah kode form untuk masukan,ukuran huruf, dan name.

<table>

</table>

kode di atas adalah untuk membuat table. Lalu jalankan di browser anda lalu apa yang terjadi????^^

Arya's Blog

Membuat Daftar riwayat hidup dengan kode HTML

0 komentar:

Posting Komentar

Blog Archive

Pengikut

Daftar Blog Saya

Daftar Blog Saya

Kategori