-->

Struktur Tabel dan Pemformatan Tabel di WEB

Ok Hari ini saya mau ngelanjutin postingan saya kemaren tentang Cara Membuat Tabel Di WEB Kemaren yang kita buat itu hanya contoh tabel yang sederhana, kita belajar hanya sampai pada me merge tabel.
Sekarang kita mulai dari struktur tabel
Seperti Struktur HTML tabel juga Memiliki :
Head, Body dan Footer
Format penulisan kodenya seperti ini

<table>
<thead>
</thead>
<tfoot>
</tfoot>
<tbody>
</tbody>
</tabel>
Coba perhatikan Strukturnya  kode footernya lebih awal daripada kode body
Sekarang kita langsung aja praktekkan cara membuat tabel dengan strukturnya





<table border="1">

<thead>

<tr>

<th width="257" scope="col"><strong>Materi </strong></th>

<th width="257" scope="col" ><strong>Jumlah Sesi</strong></th>

</tr>

</thead>

<tfoot>

<tr>

<td colspan="4"><em>*) Data dapat berubah sewaktu-waktu tanpa pemberitahuan terlebih dahulu.</em></td>

</tr>

</tfoot>

<tbody>

<tr>

<td>1. Microsoft Windows</td>

<td>4 sesi</td>


</tr>

<tr>

<td>2. Microsoft Word</td>

<td>8 sesi</td>

</tr>

<tr>

<td>3. Microsoft Exel</td>

<td>8 sesi</td>

</tr>

<tr>

<td>4. Microsoft Powerpoint</td>

<td>5 sesi</td>

</tr>

<tr>

<th width="257">Lama Pendidikan</th>

<th width="257" scope="col">Fasilitas</th>

</tr>

</tbody>

<tbody>

<tr>

<td> 3(tiga) bulan dengan pertemuan 2x seminggu hari kerja<br/>

2 (dua) bulan bulan dengan pertemuan 3 x seminggu hari kerja<br/>

1,5 bulan dengan pertemuan 1 x seminggu selama 4 jam khusus hari Sabtu.</td>

<td>

<ul>

<li>Modul Praktikum</li>

<li>CD</li>

<li>Satu PC untuk satu peserta</li>

<li>Printer</li>

<li>Sistem operasi menggunakan Windows XP dengan Microsoft Office 2007/2010</li>

<li>Sertifikat</li>

</ul>

</td>

</tr>

</tbody>

</table>
Hasilnya seperti ini

Materi Jumlah Sesi
*) Data dapat berubah sewaktu-waktu tanpa pemberitahuan terlebih dahulu.
1. Microsoft Windows 4 sesi
2. Microsoft Word 8 sesi
3. Microsoft Exel 8 sesi
4. Microsoft Powerpoint 5 sesi
Lama Pendidikan Fasilitas
3(tiga) bulan dengan pertemuan 2x seminggu hari kerja

2 (dua) bulan bulan dengan pertemuan 3 x seminggu hari kerja

1,5 bulan dengan pertemuan 1 x seminggu selama 4 jam khusus hari Sabtu.

  • Modul Praktikum
  • CD
  • Satu PC untuk satu peserta
  • Printer
  • Sistem operasi menggunakan Windows XP dengan Microsoft Office 2007/2010
  • Sertifikat

Di atas ada beberapa kode yang belum saya jelaskan yaitu <td width="257"> itu gunanya untuk mengatur lebar tabel
Kita juga bisa memberi Warna Baground cell dengan menambahkan kode bgcolor="red" di dalam tag. red nya bisa kamu ganti dengan warna apa aja..
Demikianlah yang dapat saya uraikan semoga bermamfaat bagi kita semua.
sampai jumpa di sesi berikutnya :)