MR.FREEMAN: Creating The Table of Item Comparison Using Grouping Feature in HTML

In the HTML web programming, we can create the table of item comparison using the grouping feature. How:

1. Open a text editor and then type:

<html> <head> <title>Grafik Berbasis tabel 2</title> </head> <body> <table width="470" height="401" border="0"> <tr> <td colspan="8" style="border-bottom:#000000 solid;">PERBANDINGAN FITUR</td> </tr> <tr> <td width="31" align="center">No</td> <td width="0" rowspan="10" style="border-left:#000000 solid thin;"></td> <td width="208" align="center">Fitur</td> <td rowspan="10" style="border-left:#000000 solid thin;padding-left:-5px;" width="0"></td> <td width="92" align="center">Enterprise</td> <td width="0" rowspan="10" style="border-left:#000000 solid thin;"></td> <td width="0" align="center">Pro</td> <td width="0" align="center">Free</td> </tr> 	<tr> <td colspan="8" style="border-top:#000000 solid thin;"></td> </tr> <tr> <td align="center">1</td> <td>Garansi seumur hidup </td> <td align="center">X</td> <td align="center">-</td> <td align="center">-</td> </tr> <tr> <td align="center">2</td> <td>Multiuser</td> <td align="center">X</td> <td align="center">-</td> <td align="center">-</td> </tr> <tr> <td align="center">3</td> <td>Update otomatis </td> <td align="center">X</td> <td align="center">X</td> <td align="center">-</td> </tr> <tr> <td align="center">4</td> <td>Cetak Laporan </td> <td align="center">X</td> <td align="center">X</td> <td align="center">-</td> </tr> <tr> <td align="center">5</td> <td>Notifikasi error </td> <td align="center">X</td> <td align="center">X</td> <td align="center">X</td> </tr> <tr> <td colspan="8" style="border-top:#000000 solid thin;"></td> </tr> <tr> <td align="center">6</td> <td>Ubah tema </td> <td align="center">X</td> <td align="center">X</td> <td align="center">X</td> </tr> <tr> <td align="center">7</td> <td>Try ikon</td> <td align="center">X</td> <td align="center">X</td> <td align="center">X</td> </tr> <tr> <td colspan="8" style="border-top:#000000 solid thin;"></td> </tr> </table> </body> </html>

2. Save as comparison_table.html

3. Execution of the file so that it looks to be like this:

MR.FREEMAN

Creating The Table of Item Comparison Using Grouping Feature in HTML

My Twitter

Chat

Blog Archive

Labels

Widgeo