Sekarang kita mulai dari struktur tabel
Seperti Struktur HTML tabel juga Memiliki :
Head, Body dan Footer
Format penulisan kodenya seperti ini
Coba perhatikan Strukturnya kode footernya lebih awal daripada kode body<table><thead></thead><tfoot></tfoot><tbody></tbody>
</tabel>
Sekarang kita langsung aja praktekkan cara membuat tabel dengan strukturnya
<table border="1">Hasilnya seperti ini
<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>
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. |
|
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 :)