Selasa, 06 Desember 2011

contoh membuat tabel dengan record untuk membuat sebuah web sederhana

caranya copi  list dibawah ini dan paste didalam notepad!!!

<html>
<head>
<title>study card</title>
</head>

<body>
<h1 align="center"><u>KARTU STUDY</u></h1>
<p align="center">Tahun Akademik/ Semester : 2011/2012 /Gasal</p>
<p align="left">Mahasiswa : 10210261 / APRILIANUS BALA KOLIN</p>
<p align="left">Dosen Wali : 10016 / Skolastika Siba Igon, S.Kom</p>
<table width="118%" border="1">
  <tr>
    <td width="2%">No</td>
    <td width="9%"><div align="center">Kode MK</div></td>
    <td width="23%"><div align="center">Nama Mata Kuliah</div></td>
    <td width="3%">SKS</td>
    <td width="5%">Kelas</td>
    <td width="4%"><div align="center">Hari</div></td>
    <td width="10%"><div align="center">Jam</div></td>
    <td width="7%"><div align="center">Ruang</div></td>
    <td width="11%"><div align="center">Paraf Dosen</div></td>
    <td width="26%"><div align="center">Keterangan</div></td>
  </tr>
  <tr>
    <td>1</td>
    <td><div align="center">21301004</div></td>
    <td>Jaringan Komputer 1</td>
    <td><div align="center">3</div></td>
    <td><div align="center">A</div></td>
    <td>Senin</td>
    <td>17.00-19.00</td>
    <td><div align="center">B.402</div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>2</td>
    <td><div align="center">21311006</div></td>
    <td>Web Programming(php)</td>
    <td><div align="center">3</div></td>
    <td><div align="center">A</div></td>
    <td>Selasa</td>
    <td>11.00-13.00</td>
    <td><div align="center">B.402</div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>3</td>
    <td><div align="center">21300003</div></td>
    <td>Interaksi Manusia Dan Kom</td>
    <td><div align="center">3</div></td>
    <td><div align="center">AB</div></td>
    <td>Selasa</td>
    <td>13.00-15.00</td>
    <td><div align="center">B.104</div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>4</td>
    <td><div align="center">21201001</div></td>
    <td>Utilitas Komputer</td>
    <td><div align="center">2</div></td>
    <td><div align="center">B</div></td>
    <td>Rabu</td>
    <td>09.00-11.00</td>
    <td><div align="center">B.202</div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>5</td>
    <td><div align="center">21200015</div></td>
    <td>Aljabar Linier</td>
    <td><div align="center">2</div></td>
    <td><div align="center">AB</div></td>
    <td>Rabu</td>
    <td>15.00-17.00</td>
    <td><div align="center">B.101</div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>6</td>
    <td><div align="center">21311005</div></td>
    <td>Prg. Berorientasi Obyek</td>
    <td><div align="center">3</div></td>
    <td><div align="center">A</div></td>
    <td>Kamis</td>
    <td>09.00-11.00</td>
    <td><div align="center">B.302</div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>7</td>
    <td><div align="center">21210016</div></td>
    <td>Konsep Sistem Informasi</td>
    <td><div align="center">2</div></td>
    <td><div align="center">C</div></td>
    <td>Kamis</td>
    <td>17.00-19.00</td>
    <td><div align="center">B.203</div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>8</td>
    <td><div align="center">21211004</div></td>
    <td>Prg. Basis Data</td>
    <td><div align="center">2</div></td>
    <td><div align="center">A</div></td>
    <td>Jumat</td>
    <td>07.00-09.00</td>
    <td><div align="center">B.401</div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>9</td>
    <td><div align="center">21200017</div></td>
    <td>Statistik 1</td>
    <td><div align="center">2</div></td>
    <td><div align="center">AB</div></td>
    <td>Jumat</td>
    <td>13.00-15.00</td>
    <td><div align="center">B.103</div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>10</td>
    <td><div align="center">21211005</div></td>
    <td>Rangkaian Digital</td>
    <td><div align="center">2</div></td>
    <td><div align="center">A</div></td>
    <td>Jumat</td>
    <td>15.00-17.00</td>
    <td><div align="center">B.201</div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="3"><div align="center">Total SKS yang diambil :</div></td>
    <td>24</td>
    <td colspan="6">SKS</td>
  </tr>
</table>
<p>&nbsp;</p>
<p align="right">Kupang,25 Agustus 2011</p>
<p align="right">Kepala BAAK</p>
<p align="right">&nbsp;</p>
<p align="right"><u>(Meliana O. Meo, S.Kom)</u></p>
</body>
</html>



kemudian: save as
dengan nama file : nama.html

dan buat file yang sudah disave as tersebut.
maka akan tampil hasil seperti dibawah ini



study card

KARTU STUDY

Tahun Akademik/ Semester : 2011/2012 /Gasal
Mahasiswa : 10210261 / APRILIANUS BALA KOLIN
Dosen Wali : 10016 / Skolastika Siba Igon, S.Kom
No
Kode MK
Nama Mata Kuliah
SKS Kelas
Hari
Jam
Ruang
Paraf Dosen
Keterangan
1
21301004
Jaringan Komputer 1
3
A
Senin 17.00-19.00
B.402
2
21311006
Web Programming(php)
3
A
Selasa 11.00-13.00
B.402
3
21300003
Interaksi Manusia Dan Kom
3
AB
Selasa 13.00-15.00
B.104
4
21201001
Utilitas Komputer
2
B
Rabu 09.00-11.00
B.202
5
21200015
Aljabar Linier
2
AB
Rabu 15.00-17.00
B.101
6
21311005
Prg. Berorientasi Obyek
3
A
Kamis 09.00-11.00
B.302
7
21210016
Konsep Sistem Informasi
2
C
Kamis 17.00-19.00
B.203
8
21211004
Prg. Basis Data
2
A
Jumat 07.00-09.00
B.401
9
21200017
Statistik 1
2
AB
Jumat 13.00-15.00
B.103
10
21211005
Rangkaian Digital
2
A
Jumat 15.00-17.00
B.201
Total SKS yang diambil :
24 SKS

Kupang,25 Agustus 2011
Kepala BAAK

(Meliana O. Meo, S.Kom)