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>
<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>
0 comments:
Post a Comment