Monday, 7 November 2016

Chess Board Using HTML Table

Chess Board Using HTML Table

<html>
<head>
<title>Girfa Student Help: Table</title>
</head>
<body>

<table width=100%>
<tr>
      <td width="12.5%"bgcolor=black    onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''">
      <br><br><br><br><br><br><br>
      </td>
      <td width="12.5%">
      </td>
      <td width="12.5%"bgcolor=black  onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''"  >
     
      </td>

      <td width="12.5%"  >
      </td>
      <td width="12.5%"bgcolor=black  onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''"   >
     
      </td>
      <td width="12.5%">
      </td>
      <td width="12.5%"bgcolor=black  onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''"   >
     
      </td>
      <td width="12.5%"  >
      </td>
</tr>
<tr  height="12.5%">
      <td width="12.5%"  >
      <br><br><br><br><br><br><br>
      </td>
      <td width="12.5%"bgcolor=black  onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''"   >
     
      </td>
     
      <td width="12.5%"  >
      </td>
      <td width="12.5%"bgcolor=black  onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''"   >
     
      </td>
      <td width="12.5%" >
      </td>
      <td width="12.5%"bgcolor=black  onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''"   >
     
      </td>
      <td width="12.5%"  >
      </td>
      <td width="12.5%"bgcolor=black  onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''"  >
     
      </td>
     
</tr>
<tr>
      <td width="12.5%"bgcolor=black  onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''"  >
      <br><br><br><br><br><br><br>
      </td>
      <td width="12.5%">
      </td>
      <td width="12.5%"bgcolor=black  onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''"  >
     
      </td>
      <td width="12.5%"  >
      </td>
      <td width="12.5%"bgcolor=black  onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''"   >
     
      </td>
      <td width="12.5%">
      </td>
      <td width="12.5%"bgcolor=black  onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''"   >
     
      </td>
      <td width="12.5%"  >
      </td>
</tr>
<tr>
      <td width="12.5%"  height="12.5%" >
      <br><br><br><br><br><br><br>
      </td>
      <td width="12.5%"bgcolor=black  onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''"   >
     
      </td>
     
      <td width="12.5%"  >
      </td>
      <td width="12.5%"bgcolor=black  onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''"   >
     
      </td>
      <td width="12.5%" >
      </td>
      <td width="12.5%"bgcolor=black  onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''"   >
     
      </td>
      <td width="12.5%"  >
      </td>
      <td width="12.5%"bgcolor=black  onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''"  >
     
      </td>
     
</tr>
<tr>
      <td width="12.5%"bgcolor=black  onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''"  >
      <br><br><br><br><br><br><br>
      </td>
      <td width="12.5%">
      </td>
      <td width="12.5%"bgcolor=black  onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''"  >
     
      </td>
      <td width="12.5%"  >
      </td>
      <td width="12.5%"bgcolor=black  onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''"   >
     
      </td>
      <td width="12.5%">
      </td>
      <td width="12.5%"bgcolor=black  onmouseover="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor=''"   >
     
      </td>
      <td width="12.5%"  >
      </td>
</tr>
<table>
</body>

</html>

Download HTML File