Sebelum membuat tabel, kita harus tau dulu bagian bagian
yang ada dalam HTML. Just like tubuh manusia, HTML juga mempunyai head n
body.hehe
<html xmlns="http://www.w3.org/1999/xhtml"> *//Pembuka
<head> *//Kepala
<title>Hello!</title> *//judul
tab atas
</head> *//penutuk
kepala
<body> *//bagian
/isi HTML
<?php *//pembuka
untuk script php
echo("Hello, World!" );
?> *//penutup
scrip php
</body> *//Penutup
body
</html> *//penutup
HTML
Setelah mengetahui bagiannya tinggal isi di scrip isi dengan
format
<table> *//deklarasi
pembuatan tabel
</table> *//penutup
tabel
Kemudian di tengahnya kamu tinggal isi <tr> untuk
membuat baris dan <td> untuk membuat kolom.
Contoh scropt :
<html>
<head>
<title>Hello!</title>
</head>
<body>
<table border="1">
<tr>
<td>baris1, kolom1</td>
<td>baris1, kolom2</td>
</tr>
<tr>
<td>baris2, kolom1</td>
<td>baris2, kolom2</td>
</tr>
</table>
</body>
</html>
Hasilnya adalah :
Dari contoh di atas terlihat mudah. Tapi akan butuh logika
yang agak rumit kalau ingin membuat tabel yang harus ada kolom atau barisyang di
merge/digabung. Saya sarankan untuk mencoba sendiri agar lebih paham. Berikut beberapa
script yang dibutuhkan dalam membuat tabel
Rowspan=menyatukan baris
Colspan=menyatukan kolom
Border=membuat garis pada tabel
Bgcolor=member warna pada baground tabel
Contoh table dengan modivikasi penyatuan baris maupun kolom
Script:
<html >
<head>
<title>Hello!</title>
</head>
<body>
<table border="0" >
<tr
bgcolor="#FFCC33">
<td
rowspan="2">id_bws</td>
<td
rowspan="2">id_ptahunan</td>
<td
rowspan="2"><center>nama paket pekerjaan</td>
<td
rowspan="2"><center>Tahun Pekerjaan</td>
<td
colspan="2"><center>Volume </td>
<td colspan="3"><center>PAGU</td>
<td
rowspan="2" colspan="2"><center>Action</td>
</tr>
<tr
bgcolor="#FFCC33">
<td>Volume</td>
<td>Satuan</td>
<td>APBN</td>
<td>PHLN</td>
<td>TOTAL</td>
</tr>
</body>
</html>
Hasil :
0 comments:
Post a Comment