Tutorial : Lay Out Dasar HTML 2

Pada Pelajaran kali ini kita akan belajar membuat form dan juga table yang disitu ada format radio, checkbox, dll, berikut hasilnya.

dalam pembuatannya kita harus membuat dulu tabel

<table><tr><td widht="100">Nama </td> <td><input name="name" type="text size="30" ></td></tr> <tr><td widht="100">Nim </td> <td><input name="name" type="text size="30" ></td> </tr> <td>Pilih Semester </td> <td><select name="pilih semester"><br /> <option>2</option><br /> <option>4</option><br /> <option>6</option></select></td> </tr> </table>

setelah itu kita buat tabel ke 2 untuk menuliskan tabel Mata Kuliah, Kelas, Jam, dosen berikut sourcecodenya

<table width="500" border="1"><tr> <td><b><center>Mata Kuliah</center></b></td> <td><b><center> Kelas </center></b><br /> </td> <td><b><center>Dosen</center></b></td> <td><b><center>Jam</center></b></td> </tr> <tr> <td><form name="form1" method="post" action=""><input type="checkbox" name="checkbox" value="checkbox">Operating System<br /> </form></td> <td rowspan="5"><select name="pilih kelas"><br /> <option>Kelas A</option><br /> <option>Kelas B</option><br /> <option>Kelas C</option><br /> <option>Kelas D</option><br /> <option>Kelas E</option></select></td> <td><form name="form1" method="post" action=""><input type="radio" name="radio" value="radio">Imam Riadi,M.Kom<br /> </form></td> <td rowspan="5"><select name="pilih Jam"><br /> <option>1 - 3</option><br /> <option>4 - 6</option><br /> <option>7 - 9</option><br /> <option>10 - 12</option><br /> </select></td> </tr> <tr> <td><form name="form1" method="post" action=""><input type="checkbox" name="checkbox" value="checkbox">Basis Data<br /> </form></td> <td><form name="form1" method="post" action=""><input type="radio" name="radio" value="radio">Dewi Soyusiawaty,S.T<br /> </form></td> </tr> <tr> <td><form name="form2" method="post" action=""><input type="checkbox" name="checkbox2" value="checkbox">Jarkom<br /> </form></td> <td><form name="form1" method="post" action=""><input type="radio" name="radio" value="radio">Taufiq Ismail<br /> </form></td> </tr> <tr> <td><form name="form3" method="post" action=""><input type="checkbox" name="checkbox3" value="checkbox">Pemrograman Web<br /> </form></td> <td><form name="form1" method="post" action=""><input type="radio" name="radio" value="radio">Ali Tarmuji<br /> </form></td> </tr> <tr> <td><form name="form4" method="post" action=""><input type="checkbox" name="checkbox4" value="checkbox">Sistem Informasi<br /> </form></td> <td><form name="form1" method="post" action=""><input type="radio" name="radio" value="radio">Sri Winiarti, S.T, M.Cs<br /> </form></td> </tr> </table>

untuk submitnya silahkan copy code dibawah ini

<br /> <tr><td><br /> <p><input type="submit" value="Submit" /><br /> <input type="submit" value="Reset" /></p><br /> </td></tr><br /> <br /> <br />

nah sudah jadi deh,, atau lebih lengkapnya silahkan download code lengkapnya
DISINI

SELAMAT MENCOBA. SEMOGA BERMANFAAT

Posted in: HTML,Tutorial