tablero2.html

<html lang="es">
<head>
  <title>Tablero de Ajedrez</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale-1, maximun-scale-1">
  <link rel="stylesheet" href="estilo.css">
</head>
  <body onload="estilojs()">
    <h1>Tablero de Ajedrez</h1>

    <table id="tablero">
      <tablero tr:nth-child(odd) td:nth-child(even)></tablero>
      <tr>
        <td id="f00"></td>
        <td id="f01"></td>
        <td id="f02"></td>
        <td id="f03"></td>
        <td id="f04"></td>
        <td id="f05"></td>
        <td id="f06"></td>
        <td id="f07"></td>
      </tr>
      <tr>
        <td id="f10"></td>
        <td id="f11"></td>
        <td id="f12"></td>
        <td id="f13"></td>
        <td id="f14"></td>
        <td id="f15"></td>
        <td id="f16"></td>
        <td id="f17"></td>
      </tr>
      <tr>
        <td id="f20"></td>
        <td id="f21"></td>
        <td id="f22"></td>
        <td id="f23"></td>
        <td id="f24"></td>
        <td id="f25"></td>
        <td id="f26"></td>
        <td id="f27"></td>
      </tr>
      <tr>
        <td id="f30"></td>
        <td id="f31"></td>
        <td id="f32"></td>
        <td id="f33"></td>
        <td id="f34"></td>
        <td id="f35"></td>
        <td id="f36"></td>
        <td id="f37"></td>
      </tr>
      <tr>
        <td id="f40"></td>
        <td id="f41"></td>
        <td id="f42"></td>
        <td id="f43"></td>
        <td id="f44"></td>
        <td id="f45"></td>
        <td id="f46"></td>
        <td id="f47"></td>
      </tr>
      <tr>
        <td id="f50"></td>
        <td id="f51"></td>
        <td id="f52"></td>
        <td id="f53"></td>
        <td id="f54"></td>
        <td id="f55"></td>
        <td id="f56"></td>
        <td id="f57"></td>
      </tr>
      <tr>
        <td id="f60"></td>
        <td id="f61"></td>
        <td id="f62"></td>
        <td id="f63"></td>
        <td id="f64"></td>
        <td id="f65"></td>
        <td id="f66"></td>
        <td id="f67"></td>
      </tr>
      <tr>
        <td id="f70"></td>
        <td id="f71"></td>
        <td id="f72"></td>
        <td id="f73"></td>
        <td id="f74"></td>
        <td id="f75"></td>
        <td id="f76"></td>
        <td id="f77"></td>
      </tr>
    </table>
  </body>
</html>