Membuat Tabel HTML 2

Berikut ini merupakan script-script untuk membuat tabel HTML, seperti tabel pembuatan e-mail.
saya menggunakan macromedia dreamweaver 8.
semoga ini bermanfaat bagi anda..!!!




</head>

<table border="2">
     <tr>
         <td colspan="2"><font size="10"><center>Form Pendaftaran E-mail Smk Labor Pekanbaru</center></font></td>
     </tr>
<tr>
<td><table border="0">
<td>Nama Depan</td>
    <td><center>:</center></td>
    <td><input size="25" type="text" /></td>
    </tr>
   
    <tr>
    <td>Nama Belakang</td>
    <td><center>:</center></td>
    <td><input size="25" type="text" /></td>
    </tr>
   
    <tr>
    <td>User Id</td>
    <td><center>:</center></td>
    <td><input size="25" type="text" />@smk Labor.sch.id</td>
    </tr>   

    <tr>
    <td>Password</td>
    <td><center>:</center></td>
    <td><input size="25" type="text" /></td>
    </tr>
   
    <tr>
    <td>Ulangi Password</td>
    <td><center>:</center></td>
    <td><input size="25" type="text" /></td>
    </tr>
   
    <tr>
    <td>TTL</td>
    <td><center>:</center></td>
    <td><input size="25" type="text" />
    <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>
                            <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>Agustus</option>
                            <option>September</option>
                            <option>Oktober</option>
                            <option>November</option>
                            <option>Desember</option>
</select>
<select>
                            <option>-Tahun-</option>
                            <option>1995</option>
                            <option>1996</option>
                            <option>1997</option>
                            <option>1998</option>
                            <option>1999</option>
                            <option>2000</option>
                            <option>2001</option>
                            <option>2002</option>
                            <option>2003</option>
                            <option>2004</option>
                            <option>2005</option>
                            <option>2006</option>
                            <option>2007</option>
                            <option>2008</option>
                            <option>2009</option>
                            <option>2010</option>
                            <option>2011</option>
                            <option>2012</option>
</select></td></tr>

    <tr>
    <td>Jenis Kelamin</td>
    <td><center>:</center></td>
    <td><input type="radio" name="Kelamin" value="Laki-Laki" />Laki-Laki
        <input type="radio" name="Kelamin" value="Perempuan" />Perempuan</td>
    </tr>
   
    <tr>
    <td>Pertanyaan Keamanan</td>
    <td><center>:</center></td>
    <td><select>
                        <option>Siapa Orang Yang Paling Anda Sayangi ?</option>
                        <option>Apa Nama Bintang Anda ?</option>
                        <option>Siapa Nama Bapak\Ibu Anda ?</option>
                        <option>Dimana Anda Berbulan Madu ?</option>
                        <option>Dimana Anda Di Lahirkan ?</option>
    </select></td></tr>
   
    <tr>
    <td>Jawaban</td>
    <td><center>:</center></td>
    <td><input size="30" type="text" /></td>
    </tr>
   
    <tr>
    <td>Alamat</td>
    <td><center>:</center></td>
    <td><input size="30" type="text" /></td>
    </tr>
</table></td>

<td>
<table border="0">
    <tr>
    <td>NIS</td>
    <td><center>:</center></td>
    <td><input size="30" type="text" /></td>
     </tr>
   
    <tr>
    <td>Jurusan</td>
    <td><center>:</center></td>
    <td><select>
<option>Teknik informasi dan komunikasi</option>
<option>Akutansi</option>
<option>Sekretaris</option>
<option>Penjualan</option>
    </select></td></tr>
   
    <tr>
    <td>Kelas</td>
    <td><center>:</center></td>
    <td><select>
<option>10</option>
<option>11</option>
<option>12</option>
</select></td></tr>

    <tr>
    <td>Hobi</td>
    <td><center>:</center></td>
    <td><input type="checkbox" />Belajar
        <input type="checkbox" />Musik
        <input type="checkbox" />Olaharaga
        <input type="checkbox" />Lain-lain
    </td></tr>
   
        <tr>
        <td valign="top">Motto</td>
        <td valign="top">:</td>
        <td><textarea cols="20" rows="4"> jangan lupa tulis disini moto anda </textarea>
        </td> </tr>
   
    <tr>
    <td><input type="checkbox" /> Saya Menyetejui untuk pembuatan E-mail Smk Labor !
    </td></tr>
   
      <tr>
        <td colspan="2"></td>
        <td><input type="reset" name="reset" value="Buatkan" />
        <input type="submit" name="submit" value="batalkan" /></td>
    </tr>
</table>
</form>

Ini hasilnya gan..???

Form Pendaftaran E-mail Smk Labor Pekanbaru
Nama Depan
:
Nama Belakang
:
User Id
:
@smk Labor.sch.id
Password
:
Ulangi Password
:
TTL
:
Jenis Kelamin
:
Laki-Laki Perempuan
Pertanyaan Keamanan
:
Jawaban
:
Alamat
:
NIS
:
Jurusan
:
Kelas
:
Hobi
:
Belajar Musik Olaharaga Lain-lain
Motto :
Saya Menyetejui untuk pembuatan E-mail Smk Labor !


Share it to your friends..!

Share to Facebook Share this post on twitter Bookmark Delicious Digg This Stumbleupon Reddit Yahoo Bookmark Furl-Diigo Google Bookmark Technorati Newsvine Tips Triks Blogger, Tutorial SEO, Info

0 komentar:

Post a Comment

 
Ridho Technology © 2012 | Template by Ridho Technology