Table in HTML

Create cool tables such as shown in the above pictures.Following is the coding for above table.

<html>
<head>
<title>My cool table !!!!!!!</title>
</head>
<body>
<table border="0" align="center" cellpadding="10" width="500">

<tr bgcolor="grey">

<th align="left"><font color="#f1f1f1">A</font></th>
<th align="left"><font color="#f1f1f1">B</font></th>
<th align="left"><font color="#f1f1f1">C</font></th>
<th align="left"><FONT color="#f1f1f1">D</FONT></th>

</tr>
<tr>
<td colspan="4"><hr color="black"/></td>
</tr>
<tr bgcolor="#f1f1f1">
<td>apple</td>
<td>baby</td>
<td>cat</td>
<td>duck</td>
</tr>
<tr>
<td>aunt</td>
<td>badboy</td>
<td>candy</td>
<td>dom</td>
</tr>
<tr bgcolor="#f1f1f1">
<td>aim</td>
<td>bug</td>
<td>comics</td>
<td>donkey</td>
</tr>
<tr>
<td>agriculture</td>
<td>barbie</td>
<td>canada</td>
<td>don</td>
</tr>
<tr bgcolor="#f1f1f1">
<td>africa</td>
<td>biology</td>
<td>cost</td>
<td>dont cry</td>
</tr>


</table>
</body>
</html>

Main tags and attributes used in creating this table are as follows:

Thanks for watching it friends....