kali ini adalah contoh dari tabel perbandingan yang saya buat dengan HTML.
Gambar diatas adalah contoh tabel Perbandingan Fitur
Berikut ini adalah script HTML nya:
<!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"xml:lang="en"lang="en"> <head> <title>Tabel Perbandingan</title> </head> <body background="bg.jpg"> <table width="700" border="0" align="center"> <tr> <td width="375" colspan=8 align="center"><strong>####### PERBANDINGAN FITUR ########</strong></td> </tr>
<tr> <td colspan="8" style="border-bottom:#000000 solid thin;"></td> </tr> <tr> <td width="25" align="center"><strong>No</strong></td> <td width="1" rowspan="10" style="border-left:#000000 solid thin;"></td> <td width="150" align="center"><strong>Fitur</strong></td> <td width="1" rowspan="10" style="border-left:#000000 solid thin;"></td> <td width="75" align="center"><strong>Enterprise</strong></td> <td width="1" rowspan="10" style="border-left:#000000 solid thin;"></td> <td width="25" align="center"><strong>Pro</strong></td> <td width="50" align="center"><strong>Free</strong></td>
</tr> <tr> <td colspan="8" style="border-top:#000000 solid thin;"></td> </tr> <tr> <td width="25" align="center">1</td> <td width="150">Garansi seumur hidup</td> <td width="75" align="center">X</td> <td width="25" align="center">-</td> <td width="50" align="center">-</td>
</tr> <tr> <td width="25" align="center">2</td> <td width="150">Multiuser</td> <td width="75" align="center">X</td> <td width="25" align="center">-</td> <td width="50" align="center">-</td> </tr> <tr> <td width="25" align="center">3</td>
<td width="150">Update otomatis</td> <td width="75" align="center">X</td> <td width="25" align="center">-</td> <td width="50" align="center">-</td> </tr> <tr> <td width="25" align="center">4</td> <td width="150">Cetak laporan</td> <td width="75" align="center">X</td>
<td width="25" align="center">X</td> <td width="50" align="center">-</td> </tr> <tr> <td width="25" align="center">5</td> <td width="150">Notifikasi error</td> <td width="75" align="center">X</td> <td width="25" align="center">X</td> <td width="50" align="center">-</td>
</tr> <tr> <td colspan="8" style="border-top:#000000 solid thin;"></td> </tr> <tr> <td width="25" align="center">6</td> <td width="150">Ubah tema</td> <td width="75" align="center">X</td> <td width="25" align="center">X</td> <td width="50" align="center">X</td>
</tr> <tr> <td width="25" align="center">7</td> <td width="150">Try icon</td> <td width="75" align="center">X</td> <td width="25" align="center">X</td> <td width="50" align="center">X</td> </tr> <tr> <td colspan="8" style="border-top:#000000 solid thin;"></td>
</tr> </table> </body> </html>
Selamat mencoba.....!!!
sampai bertemu pada percobaan berikutnya.
Tidak ada komentar:
Posting Komentar