Berikut ini saya akan mencontohkan source code untuk membuat tabel di web, berikut kelanjutannya :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Tomi (08.05.2893)</title>
<style type="text/css">
<!--
.style1 {
color: #000000;
font-weight: bold;
font-size: 24px;
}
-->
</style>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<div align="center">
<blockquote><blockquote><blockquote><blockquote><blockquote>
<span class="style1">Membuat Tabel</span></blockquote>
</blockquote> </blockquote></blockquote></blockquote>
</div>
<blockquote><blockquote><blockquote><blockquote><blockquote><blockquote>
<p align="justify">Table merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan dalam bentuk tabel pada HTML, digunakan tag <table></table>. Elemen tabel berisi properti <tr> untuk menentukan baris (table row) yang didalamnya terdapat properti <td> untuk menampilkan data pada setiap sel tabel (table data). </p>
</blockquote> </blockquote> </blockquote></blockquote></blockquote> </blockquote>
</form>
<blockquote>
<blockquote><blockquote><blockquote><blockquote><blockquote>
<p align="left"> Contoh Tabel </p>
</blockquote></blockquote></blockquote></blockquote></blockquote></blockquote>
<div align="center">
<table width="600" height="278" border="1">
<tr>
<th scope="col"><div align="center">No</div></th>
<th scope="col">Mata Kuliah </th>
<th scope="col">Kelas</th>
<th scope="col">Jadwal Kuliah </th>
</tr>
<tr>
<td><div align="center">1</div></td>
<td>Pemrograman Web </td>
<td><div align="center">A</div></td>
<td>Senin, 10.00-12.30 </td>
</tr>
<tr>
<td><div align="center">2</div></td>
<td>Pemrograman Java </td>
<td><div align="center">A</div></td>
<td>Senin, 14.00-16.30 </td>
</tr>
<tr>
<td><div align="center">3</div></td>
<td>Pemrograman Dasar </td>
<td><div align="center">B</div></td>
<td>Selasa, 07.30-10.00 </td>
</tr>
<tr>
<td><div align="center">4</div></td>
<td>Teori Bahasa dan Otomata </td>
<td><div align="center">A</div></td>
<td>Selasa, 10.00-12.30 </td>
</tr>
<tr>
<td><div align="center">5</div></td>
<td>Pemrograman Terstruktur </td>
<td><div align="center">B</div></td>
<td>Selasa, 14.00-16.30 </td>
</tr>
<tr>
<td><div align="center">6</div></td>
<td>Penulisan Ilmiah </td>
<td><div align="center">B</div></td>
<td>Rabu, 13.00-14.40 </td>
</tr>
<tr>
<td><div align="center">7</div></td>
<td>Organisasi Komputer </td>
<td><div align="center">A</div></td>
<td>Kamis, 07.30-10.00 </td>
</tr>
<tr>
<td><div align="center">8</div></td>
<td>Sistem Operasi </td>
<td><div align="center">B</div></td>
<td>Kamis, 14.00-16.30 </td>
</tr>
<tr>
<td><div align="center">9</div></td>
<td>Interaksi Manusia Komputer </td>
<td><div align="center">A</div></td>
<td>Jumat, 07.30-10.00 </td>
</tr>
<tr>
<td><div align="center">10</div></td>
<td>Pemrograman Berorientasi Objek </td>
<td><div align="center">A</div></td>
<td>Jumat, 13.30-16.00 </td>
</tr>
</table>
<p align="center">
<!-- #BeginDate format:fAm1 -->Friday December 24, 2010<!-- #EndDate -->
</p>
</div>
</body>
</html>
No comments:
Post a Comment