Disini saya melakukan pembuatan web sederhana dengan memanfaatkan fitur pengelompokkan..
Di bawah ini merupakan script dari pembuatan web sederhana di atas. Semoga dapat berguna untuk pembelajaran kita semua.
<!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>
<!-- Ini baris komentar, tidak diproses -->
<title>Tabel Perusahaan</title>
</head>
<body background ="206.jpg">
<h2 align="center">PERBANDINGAN FITUR</h2>
<table width="450" border="0" align="center" >
<tr>
<td colspan="8" style="border-bottom:#000000 solid;"><div align="center" class="style5"> </div></td>
</tr>
<tr>
<!--mengatur lebar kolom-->
<td width="31"align="center"><span class="style3">No</span></td>
<td width="0" rowspan="10" style="border-left:#000000 solid thin;">&nbsp;</td>
<td width="208" align="center"><span class="style3">Fitur</span></td>
<td rowspan="10" style="border-left:#000000 solid thin;padding-left:-5px;" width="0">&nbsp;</td>
<td width="92" align="center"><span class="style3">Enterprise</span></td>
<td width="0" rowspan="10" style="border-left:#000000 solid thin;">&nbsp;</td>
<td width="0"align="center"><span class="style3">Pro</span></td>
<td width="0"align="center"><span class="style3">Free</span></td>
</tr>
<tr>
<td colspan="8" style="border-top:#000000 solid thin;"></td>
</tr>
<!--Baris data pertama-->
<tr>
<td>1</td>
<td>Garansi Seumur hidup</td>
<td align="center">X</td>
<td width="100">-</td>
<td width="100">-</td>
</tr>
<!--Baris data kedua-->
<tr>
<td>2</td>
<td>Multiuser</td>
<td align="center">X</td>
<td width="100">-</td>
<td width="100">-</td>
</tr>
<!--Baris data ketiga-->
<tr>
<td>3</td>
<td>Update Otomatis</td>
<td align="center">X</td>
<td width="100">X</td>
<td width="100">-</td>
</tr>
<!--Baris data kedua-->
<tr>
<td>4</td>
<td>Cetak Laporan</td>
<td align="center">X</td>
<td width="100">X</td>
<td width="100">-</td>
</tr>
<tr>
<td>5</td>
<td>Notifikasi Eror</td>
<td align="center">X</td>
<td width="100">X</td>
<td width="100">X</td>
</tr>
<tr>
<td colspan="8" style="border-top:#000000 solid thin;"></td>
</tr>
<tr>
<td>6</td>
<td>Ubah Tema</td>
<td align="center">X</td>
<td width="100">X</td>
<td width="100">X</td>
</tr>
<tr>
<td>7</td>
<td>Try icon</td>
<td align="center">X</td>
<td width="100">X</td>
<td width="100">X</td>
</tr>
<tr>
<td colspan="8" style="border-top:#000000 solid thin;"></td>
</tr>
</table>
<hr style = "color:"Black"/><br />
<hr style = "color:"black" align="right" width="200"/>
<p align="right">
<b><i>Rizfadli</i></b><br />
<b>107533411081/Off B</b><br />
<img src="fadli.jpg" align="right" border="5" /> <br />
</body>
</html>