Copy the following code into any editor you want and save it as .html. This will show table alignment and also changing color on mouseover event:
<table align="left" border="0" cellpadding="0" cellspacing="0" >
<tr
<th align="left" style="height: 17px; width:10%">STATE</th>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';" >ANDHRA
PRADESH</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';" >ARUNACHAL
PRADESH</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">ASSAM</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">BIHAR</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'"
onmouseover="this.bgColor='red';">CHATTISGARH</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">GOA</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">GUJARAT</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">HARYANA</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">HIMACHAL
PRADESH</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">JAMMU AND
KASHMIR</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">JHARKHAND</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">KARNATAKA</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">KERALA</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">MADHYA
PRADESH</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'"
onmouseover="this.bgColor='red';">MAHARASHTRA</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">MANIPUR</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">MEGHALAYA</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">MIZORAM</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">NAGALAND</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">ORISSA</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">PUNJAB</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">Rajasthan</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">SIKKIM</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">TAMILNADU
</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">TRIPURA</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">UTTAR
PRADESH</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'"
onmouseover="this.bgColor='red';">UTTARAKHAND</td>
</tr>
<tr >
<td style="height: 17px; width:10%" onmouseout="this.bgColor='#f2f7f0'" onmouseover="this.bgColor='red';">WEST
BENGAL</td>
</tr>
</table>