Archive for April 2015

Membuat Formulir Sederhana Menggunakan Notepad++

ElfanRodh 4/20/2015 07:37:00 AM Add Comment
ElfanRodh
Pertama-tama Copy Script dibawah :
<html>
<head>

    <title>Formulir Daftar Isian Peserta</title>
</head>

<body>
<table border="0">
<tr colspan="3" align="center">
    <td width="150"> </td>
    <td width="800"><h4>FORMULIR DAFTAR ISIAN PESERTA <br />
    PEKERJA BUKAN PENERIMA UPAH DAN BUKAN PEKERJA<br />
    BADAN PENYELENGGARA JAMINAN SOSIAL KESEHATAN</h4></td>
    <td width="150"> </td>
</tr>
</table>
<hr color="black"/>
<table border="0">
<tr>
    <td align="left" width="550"><b>Nomor Register Badan Penyelenggara Jaminan Sosial Kesehatan</b><br />
    (diisi oleh petugas BPJS-Kesehatan)</td>
    <td width="550">
    <form>
    <input type="text" name="noregister" size="50"/>
    </form>
    </td>
    <td></td>
</tr>
</table>
<table border="0">
<tr>
    <td width="380">Petugas Verivikasi :</td>
    <td width="380">Tanggal Verivikasi :</td>
    <td width="380">Petugas Entry :</td>
</tr>
<tr>
    <td colspan="3" align="center">DIISI CALON PESERTA</td>
</tr>  
</table>
<table border="0">
<tr>
    <td width="300">
    <b>Pekerja Bukan Penerima Upah</b><br />
    <input type="checkbox" name="PBPU">Pekerja Mandiri</input><br />
    <input type="checkbox" name="...">...............</input>
    </td>
   
    <td width="150">
    <b>Bukan Pekerja</b><br />
    <input type="checkbox" name="inves">Investor</input><br />
    <input type="checkbox" name="pemberi">Pemberi Kerja</input><br />
    </td>

    <td width="250">
    <br />
    <input type="checkbox" name="PPS">Penerima Pensiun Swasta</input><br />
    <input type="checkbox" name="....">...............</input>
    </td>
   
    <td width="410">
    Pembayaran Iuran Jaminan Kesehatan melalui rekening :<br />
    <input type="checkbox"/>Mandiri</input>
    <input type="checkbox"/>BRI</input>
    <br />
    <input type="checkbox"/>BNI</input>
    <input type="checkbox"/>Lainnya.......</input>
    </td>
</tr>
</table>

<table border="0">
<tr>
<td colspan="6" align="left" bgcolor="brown"><b>I. IDENTITAS PESERTA</b></td>
</tr>

<tr>
    <td colspan="6" align="right">Verifikasi</td>
</tr>
<tr>
    <td>1 Nomor Kartu Keluarga</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>2 NIK/ KITAS/ KITAP</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>3 Nama Lengkap</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>4 Tempat dan Tanggal Lahir</td>
    <td>
    <input type="text" size="40"/>
    </td>
    <td>-
    <input type="text" size="3"/>
    </td>
    <td>-
    <input type="text" size="3"/>
    </td>
    <td>-
    <input type="text" size="3"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>5 Jenis Kelamin</td>
    <td colspan="4">
    <input type="text" size="1"/>1=Laki-laki; 2=Perempuan
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>6 Status Pernikahan</td>
    <td colspan="4">
    <input type="text" size="1"/>1=Kawin; 2=Belum Kawin; 3=Janda; 4=Duda;
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>7 Alamat tempat tinggal</td>
    <td colspan="2">
    <input type="text" size="40"/>
    </td>
    <td>RT
    <input type="text" size="3"/>
    </td>
    <td>RW
    <input type="text" size="3"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td align="right">Desa/ Kelurahan</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td align="right">Kecamatan</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td align="right">Kabupaten/ Kota</td>
    <td colspan="3">
    <input type="text" size="40"/>
    </td>
    <td>Kode Pos
    <input type="text" size="15"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>8 Nomor Telpon</td>
    <td>
    <input type="text" size="10"/>
    </td>
    <td>-
    <input type="text" size="35"/>
    </td>
    <td colspan="2">No HP
    <input type="text" size="35"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>9 Kewarganegaraan</td>
    <td>
    <input type="text" size="1"/>1=WNI; 2=WNA
    </td>
    <td colspan="3">Kebangsaan
    <input type="text" size="40"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>10 Jumlah Iuran yang dibayar</td>
    <td colspan="2">Rp
    <input type="text" size="1"/>
    </td>
    <td colspan="2">Kelas Rawat
    <input type="text" size="1"/>1.Kelas I, 2.Kelas II, 3 Kelas III
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>11 Nomor Passport</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>12 No. Polis Asuransi Kesehatan *)</td>
    <td colspan="4">
    <input type="text" size="80"/>(isi jika memiliki polis asuransi kesehatan lainnya)
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>13 No. NPWP</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>14 Alamat E-mail</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>15 Nama Faskes Tingkat Pertama</td>
    <td colspan="3">
    <input type="text" size="40"/>
    </td>
    <td>Kode Faskes
    <input type="text" size="15"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>16 Nama Faskes Dokter Gigi</td>
    <td colspan="3">
    <input type="text" size="40"/>
    </td>
    <td>Kode Faskes
    <input type="text" size="15"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
</table>


<table border="0">
<tr>
<td colspan="6" align="left" bgcolor="brown"><b>II. IDENTITAS SUAMI-ISTERI</b></td>
</tr>

<tr>
    <td colspan="6" align="right" width="1130">Verifikasi</td>
</tr>
<tr>
    <td>1 Nomor Kartu Keluarga</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>2 NIK/ KITAS/ KITAP</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>3 Nama Lengkap</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>4 Tempat dan Tanggal Lahir</td>
    <td>
    <input type="text" size="40"/>
    </td>
    <td>-
    <input type="text" size="3"/>
    </td>
    <td>-
    <input type="text" size="3"/>
    </td>
    <td>-
    <input type="text" size="3"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>5 Jenis Kelamin</td>
    <td colspan="3">
    <input type="text" size="1"/>1=Laki-laki; 2=Perempuan
    </td>
    <td>NPWP
    <input type="text" size="50"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>

<tr>
    <td>5 Jumlah Iuran yang dibayar</td>
    <td colspan="2">Rp
    <input type="text" size="1"/>
    </td>
    <td colspan="2">Kelas Rawat
    <input type="text" size="1"/>1.Kelas I, 2.Kelas II, 3 Kelas III
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>6 Nomor Passport</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>7 No. Polis Asuransi Kesehatan *)</td>
    <td colspan="4">
    <input type="text" size="80"/>(isi jika memiliki polis asuransi kesehatan lainnya)
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>8 Nama Perusahaan Asuransi</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>

<tr>
    <td>9 Nama Faskes Tingkat Pertama</td>
    <td colspan="3">
    <input type="text" size="40"/>
    </td>
    <td>Kode Faskes
    <input type="text" size="15"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>10 Nama Faskes Dokter Gigi</td>
    <td colspan="3">
    <input type="text" size="40"/>
    </td>
    <td>Kode Faskes
    <input type="text" size="15"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
</table>

<table border="0">
<tr>
<td colspan="6" align="left" bgcolor="brown"><b>III. IDENTITAS ANAK</b></td>
</tr>

<tr>
    <td colspan="6" align="right" width="1130">Verifikasi</td>
</tr>
<tr>
    <td>1 Nomor Kartu Keluarga</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>2 NIK/ KITAS/ KITAP</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>3 Nama Lengkap</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>4 Tempat dan Tanggal Lahir</td>
    <td>
    <input type="text" size="40"/>
    </td>
    <td>-
    <input type="text" size="3"/>
    </td>
    <td>-
    <input type="text" size="3"/>
    </td>
    <td>-
    <input type="text" size="3"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>5 Jenis Kelamin</td>
    <td colspan="3">
    <input type="text" size="1"/>1=Laki-laki; 2=Perempuan
    </td>
    <td>NPWP
    <input type="text" size="50"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>

<tr>
    <td>5 Jumlah Iuran yang dibayar</td>
    <td colspan="2">Rp
    <input type="text" size="1"/>
    </td>
    <td colspan="2">Kelas Rawat
    <input type="text" size="1"/>1.Kelas I, 2.Kelas II, 3 Kelas III
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>6 Nomor Passport</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>7 No. Polis Asuransi Kesehatan *)</td>
    <td colspan="4">
    <input type="text" size="80"/>(isi jika memiliki polis asuransi kesehatan lainnya)
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>8 Nama Perusahaan Asuransi</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>

<tr>
    <td>9 Nama Faskes Tingkat Pertama</td>
    <td colspan="3">
    <input type="text" size="40"/>
    </td>
    <td>Kode Faskes
    <input type="text" size="15"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>10 Nama Faskes Dokter Gigi</td>
    <td colspan="3">
    <input type="text" size="40"/>
    </td>
    <td>Kode Faskes
    <input type="text" size="15"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
</table>

<table border="0">
<tr>
<td colspan="6" align="left" bgcolor="brown">.</td>
</tr>

<tr>
    <td colspan="6" align="left" width="1130">Anak Kedua</td>
</tr>
<tr>
    <td>1 Nomor Kartu Keluarga</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>2 NIK/ KITAS/ KITAP</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>3 Nama Lengkap</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>4 Tempat dan Tanggal Lahir</td>
    <td>
    <input type="text" size="40"/>
    </td>
    <td>-
    <input type="text" size="3"/>
    </td>
    <td>-
    <input type="text" size="3"/>
    </td>
    <td>-
    <input type="text" size="3"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>5 Jenis Kelamin</td>
    <td colspan="3">
    <input type="text" size="1"/>1=Laki-laki; 2=Perempuan
    </td>
    <td>NPWP
    <input type="text" size="50"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>

<tr>
    <td>5 Jumlah Iuran yang dibayar</td>
    <td colspan="2">Rp
    <input type="text" size="1"/>
    </td>
    <td colspan="2">Kelas Rawat
    <input type="text" size="1"/>1.Kelas I, 2.Kelas II, 3 Kelas III
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>6 Nomor Passport</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>7 No. Polis Asuransi Kesehatan *)</td>
    <td colspan="4">
    <input type="text" size="80"/>(isi jika memiliki polis asuransi kesehatan lainnya)
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>8 Nama Perusahaan Asuransi</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>

<tr>
    <td>9 Nama Faskes Tingkat Pertama</td>
    <td colspan="3">
    <input type="text" size="40"/>
    </td>
    <td>Kode Faskes
    <input type="text" size="15"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>10 Nama Faskes Dokter Gigi</td>
    <td colspan="3">
    <input type="text" size="40"/>
    </td>
    <td>Kode Faskes
    <input type="text" size="15"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
</table>

<table border="0">
<tr>
<td colspan="6" align="left" bgcolor="brown">.</td>
</tr>

<tr>
    <td colspan="6" align="left" width="1130">Anak Ketiga</td>
</tr>
<tr>
    <td>1 Nomor Kartu Keluarga</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>2 NIK/ KITAS/ KITAP</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>3 Nama Lengkap</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>4 Tempat dan Tanggal Lahir</td>
    <td>
    <input type="text" size="40"/>
    </td>
    <td>-
    <input type="text" size="3"/>
    </td>
    <td>-
    <input type="text" size="3"/>
    </td>
    <td>-
    <input type="text" size="3"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>5 Jenis Kelamin</td>
    <td colspan="3">
    <input type="text" size="1"/>1=Laki-laki; 2=Perempuan
    </td>
    <td>NPWP
    <input type="text" size="50"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>

<tr>
    <td>5 Jumlah Iuran yang dibayar</td>
    <td colspan="2">Rp
    <input type="text" size="1"/>
    </td>
    <td colspan="2">Kelas Rawat
    <input type="text" size="1"/>1.Kelas I, 2.Kelas II, 3 Kelas III
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>6 Nomor Passport</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>7 No. Polis Asuransi Kesehatan *)</td>
    <td colspan="4">
    <input type="text" size="80"/>(isi jika memiliki polis asuransi kesehatan lainnya)
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>8 Nama Perusahaan Asuransi</td>
    <td colspan="4">
    <input type="text" size="80"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>

<tr>
    <td>9 Nama Faskes Tingkat Pertama</td>
    <td colspan="3">
    <input type="text" size="40"/>
    </td>
    <td>Kode Faskes
    <input type="text" size="15"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
<tr>
    <td>10 Nama Faskes Dokter Gigi</td>
    <td colspan="3">
    <input type="text" size="40"/>
    </td>
    <td>Kode Faskes
    <input type="text" size="15"/>
    </td>
    <td align="right" >
    <input type="text" size="5"/>
    </td>
</tr>
</table>

<hr color="black"/>

<table>
<tr>
    <td colspan="6"><b>Isilah dengan huruf kapital dan mudah dibaca</b><br />
    Yang bertandatangan dibawah ini bertanggungjawab secara hukum terhadap kebenaran data yang tercatum</td>
</tr>

<tr>
    <td align="center" bgcolor="orange"><br /><b>Foto<br>
    Peserta<br />
    Ukuran 3x4<br /></b><br />
    </td>
   
    <td align="center" bgcolor="orange"><br /><b>Foto<br>
    Suami/ Isteri<br />
    Ukuran 3x4<br /></b><br />
    </td>
   
    <td align="center" bgcolor="orange"><br /><b>Foto<br>
    Anak ke-1<br />
    Ukuran 3x4<br /></b><br />
    </td>
   
    <td align="center" bgcolor="orange"><br /><b>Foto<br>
    Anak ke-2<br />
    Ukuran 3x4<br /></b><br />
    </td>
   
    <td align="center" bgcolor="orange"><br /><b>Foto<br>
    Anak ke-3<br />
    Ukuran 3x4<br /></b><br />
    </td>
   
    <td align="center">
    ..............................., .................................... 2015<br />
    Tanda Tangan Peserta<br />
    <br />
    <br />
    <br />
    (..........................................................................)
    </td>
</tr>
</table>

</body>
</html>


Dan Hasilnya :

Membuat Tampilan Seperti Facebook dengan Notepad++

ElfanRodh 4/10/2015 01:26:00 AM Add Comment
ElfanRodh
Copy Script dibawah :

<html>
<head>
 
<style>

    #biru{
    background-color:#333399;
    color:#FFFFFF;
    font-size:12px;
    }
    #size{
    font-size:12px;
    }
    #arial{
    font-family:Arial, Helvetica, sans-serif
    }
    #hijau{
    background-color:#00CC66;
    size:landscape;
    color:#FFFFFF;
    }
</style>

    <title>Untitled 1</title>
</head>

<body  id="arial">

<table border="1">

<tr>
    <td rowspan="4" id="biru"><pre>            </pre></td>
</tr>

<tr>
    <td rowspan="3" id="biru"></td>
    <td width="150" id="biru">Email atau telpon</td>
    <td colspan="2" id="biru">Kata Sandi</td>
    <td rowspan="3" id="biru"><pre>            </pre></td>
</tr>

<tr>
    <td id="biru">
    <form>
        <input type="text" size="40"/>
    </td>
    <td id="biru">
        <input type="password" size="32"/>
    </td id="biru">
    <td id="biru">
        <input type="submit" value="Masuk"/></td>
    </form>
    </td>
</tr>   

<tr>
    <td id="biru">
        <input type="checkbox"/>Biarkan saya tetap masuk</td>
    <td colspan="2" id="biru">
        <a href="">Lupa kata sandi?</a></td>
</tr>
<br>
<br>
<tr>
    <td rowspan="13"></td>
    <td rowspan="2" fontstyle="bold" width="300"><h3>Facebook membantu Anda terhubung dan berbagi dengan orang-orang dalam kehidupan Anda.</h3></td>
    <td colspan="3"><h1>Mendaftar</h1></td>
    <td rowspan="13"></td>
</tr>

<tr>
    <td>Gratis, sampai kapanpun.</td>
</tr>

<tr>
    <td rowspan="10"><img src="pyNVUg5EM0j.png"></td>
</tr>

<tr>
    <td width="100">
    <form>
    <input type="text" placeholder="Nama Depan" name="namadepan" size="30"></input></td>
    <td width="100">
    <input type="text" placeholder="Nama Belakang" name="namabelakang" size="30"></input><br></td>

<tr>
    <td colspan="2">
    <input type="text" placeholder="E-mail atau nomor ponsel" name="email" size="69"></input></td>
</tr>

<tr>
    <td colspan="2">
    <input type="text" placeholder="Masukkan lagi e-mail atau nomor ponsel" name="masukkanemaillagi" size="69"></input></td>
</tr>

<tr>
    <td colspan="2">
    <input type="text" placeholder="Kata sandi baru" name="katasandi" size="69"></input></td>
</tr>

<tr>
    <td colspan="3">Tanggal Lahir</td>
</tr>

<tr>
    <td>
<select name="tanggallahir">
    <option value="">Tanggal</option>
    <option value="value">1</option>
    <option value="value">2</option>
    <option value="value">3</option>
    <option value="value">4</option>
    <option value="value">5</option>
    <option value="value">6</option>
    <option value="value">7</option>
    <option value="value">8</option>
    <option value="value">9</option>
    <option value="value">10</option>
    <option value="value">11</option>
    <option value="value">12</option>
    <option value="value">13</option>
    <option value="value">14</option>
    <option value="value">15</option>
    <option value="value">16</option>
    <option value="value">17</option>
    <option value="value">18</option>
    <option value="value">19</option>
    <option value="value">20</option>
    <option value="value">21</option>
    <option value="value">22</option>
    <option value="value">23</option>
    <option value="value">24</option>
    <option value="value">25</option>
    <option value="value">26</option>
    <option value="value">27</option>
    <option value="value">28</option>
    <option value="value">29</option>
    <option value="value">30</option>
    <option value="value">31</option>
</select>

<select name="bulan">
    <option value="">Bulan</option>
    <option value="value">Januari</option>
    <option value="value">Februari</option>
    <option value="value">Maret</option>
    <option value="value">April</option>
    <option value="value">Mei</option>
    <option value="value">Juni</option>
    <option value="value">Juli</option>
    <option value="value">Agustus</option>
    <option value="value">September</option>
    <option value="value">Oktober</option>
    <option value="value">November</option>
    <option value="value">Desember</option>
</select>

<select name="tahun">
    <option value="">Tahun</option>
    <option value="value">2015</option>
    <option value="value">2014</option>
    <option value="value">2013</option>
    <option value="value">2012</option>
    <option value="value">2011</option>
    <option value="value">2010</option>
    <option value="value">2009</option>
    <option value="value">2008</option>
    <option value="value">2007</option>
    <option value="value">2006</option>
    <option value="value">2005</option>
    <option value="value">2004</option>
    <option value="value">2003</option>
    <option value="value">2002</option>
    <option value="value">2001</option>
    <option value="value">2000</option>
    <option value="value">1999</option>
    <option value="value">1998</option>
    <option value="value">1997</option>
    <option value="value">1996</option>
    <option value="value">1995</option>
    <option value="value">1994</option>
    <option value="value">1993</option>
    <option value="value">1992</option>
    <option value="value">1991</option>
    <option value="value">1990</option>
</select></td>
    <td id="size"><a href="" >Mengapa saya harus memberikan tanggal lahir saya?</a></td>
</tr>

<tr>
    <td>
<input type="radio">Perempuan</input>
<input type="radio">Laki - laki</input>
    </td>
</tr>

<tr>
    <td colspan="2" width="100" id="size">Dengan mengeklik Mendaftar, Anda menyetujui <a href="">Ketentuan</a> kami dan bahwa Anda telah membaca <a href="">Kebijakan Data</a> kami, termasuk <a href="">Penggunaan Kuki</a>.</td>
</tr>

<tr>
    <td ><input type="submit" id="hijau" value="Mendaftar"/></td>
</tr>
</form>
</table>
</body>
</html>





Dan Hasilnya :

Cara Membuat Tabel dan Link di Web

ElfanRodh 4/02/2015 02:14:00 AM Add Comment
ElfanRodh

Setelah Sebelumnya kita belajar tentang membuat Web Sederhana, kali ini saya akan menjelaskan sedikit tentang cara membuat tabel dan menghubungkan dengan link di halaman Web. Berikut adalah scriptnya :

1. Tabel Pertama ("Beri Nama TABEL 1.htm")

<!DOCTYPE HTML>
<html>
<head>
                <meta http-equiv="content-type" content="text/html" />
                <meta name="author" content="crude" />
               
                <title>TABEL TEKA TEKI 1-a</title>
</head>

<body>
<table border="1">
<caption>Data Kuliah</caption>
<tr>
    <th rowspan=2 width="150">NIM</th>
    <th rowspan=2 width="150">NAMA</th>
    <th rowspan=2 width="150">KELAS</th>
    <th colspan=2 width="150">KETERANGAN</th>
</tr>
<tr>
    <th width="75">LULUS</th>
    <th width="75">TIDAK LULUS</th>
</tr>
<tr>
    <td>1421140161</td>
    <td>ANDI</td>
    <td align="center" rowspan=4>MI - 6</td>
    <td align="center" rowspan=2> V </td>
    <td align="center" rowspan=2> - </td>
</tr>
<tr>
    <td>1421140162</td>
    <td>BUDI</td>
</tr>
<tr>
    <td>1421140163</td>
    <td>CACA</td>
    <td align="center" rowspan=3> - </td>
    <td align="center" rowspan=3> V </td>
</tr>
<tr>
    <td>1421140164</td>
    <td>DEDI</td>
</tr>
<tr>
    <td>1421140165</td>
    <td>ELI</td>
    <td align="center">MI - 7</td>
</tr>
</table>
</body>
</html>


Dan ini adalah Hasilnya


2. Tabel Kedua (Beri Nama "TABEL 2.htm")


<!DOCTYPE HTML>
<html>
<head>
                <meta http-equiv="content-type" content="text/html" />
                <meta name="author" content="crude" />
   
                <title>TABEL TEKA TEKI 1-b</title>
</head>

<body>
<table>
<tr>
    <th bgcolor=#b8cce4 colspan=7><br>PROVINSI JAWA TIMUR <br/>KOTA SURABAYA<br /><br /></th>
</tr>
<tr>
                <td>NIK</td>
                <td width=30 align="center">:</td>
                <th align="left" colspan=2>35081021103900003</th>
</tr>
<tr>
    <td>NAMA</td>
    <td width=30 align="center">:</td>
    <th align="left" colspan=4>Gubernur Suryo</th>
    <th bgcolor=#f0ece0 rowspan=5 width=150>Foto</th>
</tr>
<tr>
    <td>Tempat/Tanggal Lahir</td>
    <td width=30 align="center">:</td>
    <th align="left" colspan=2>Surabaya, 11 Maret 1990</th>
</tr>
<tr>
    <td>Jenis Kelamin</td>
    <td width=30 align="center">:</td>
    <th align="left" colspan="2">Laki-laki</th>
    <td>Gol Darah :</td>
    <th align="left" width=50>B</th>
</tr>
<tr>
    <td>Alamat</td>
    <td width=30 align="center">:</td>
    <th align="left">Jl. Pemuda</th>
</tr>
<tr>
    <td>RT/RW</td>
    <td width=30 align="center">:</td>
    <th align="left">002 / 025</th>
</tr>
<tr>
    <td>Desa/Kel</td>
    <td width=30 align="center">:</td>
    <th align="left">Rungkut</th>
</tr>
<tr>
    <td>Kecamatan</td>
    <td width=30 align="center">:</td>
    <th align="left">Rungkut</th>
</tr>
<tr>
    <td>Agama</td>
    <td width=30 align="center">:</td>
    <th align="left" colspan="2">Rungkut</th>
    <td>Status :</td>
</tr>
<tr>
    <td>Pekerjaan</td>
    <td width=30 align="center">:</td>
    <th align="left" colspan="2">Pelajar / Mahasiswa</th>
</tr>
<tr>
    <td>Berlaku hingga</td>
    <td width=30 align="center">:</td>
    <th align="left" colspan="2">11 Maret 2014</th>
</tr>
<tr>
    <td>Kewarganegaraan</td>
    <td width=30 align="center">:</td>
     <th align="left" colspan="2">WNI</th>
</tr>
<tr>
    <td bgcolor=#91d250 colspan=7 ><br/>Syarat pengambilan KTP :
    <ol>
    <li>Membawa pas foto ukuran 3x4 berwarna</li>
    <li>Membawa KTP lama</li>
    <li>Membawa Kartu Keluarga</li>
    </ol>
    </td>
</tr>
</table>
</body>
</html>


Dan ini adalah Hasilnya

Kemudian Hubungkan Kedua Tabel menggunakan Link, Caranya :

 Ketik script berikut di Halaman "TABEL 1.htm" dibawah script </table>

<br/>
<a href="TABEL 2.htm">Menuju Tabel 2</a>


Kemudian ketik script berikut di "TABEL 2.htm" dibawah script </table>
</br>
<a href="TABEL 1.htm">Menuju Tabel 2</a>

Dan Hasilnya





Demikian Sekilas Cara Membuat Tabel dan Link di Web




Subscribe to: Posts (Atom)