Tercera lección de html tablas

<div align="center">



<table>



<tbody>
<tr>



<td bgcolor="purple" height="500" width="100">

</td>



<td height="500" valign="top" width="950">

<font color="black" face="arial" size="4"><b>ARRIBA</b>=top<br>
<br>

<div align="left">

<b>MITAD</b>=middle<br>
<br>

<b>ABAJO</b>=bottom<br>
<div style="display:block;text-align:center;margin-right:auto;margin-left:auto"><img border="0" height="320" src="https://drive.google.com/uc?id=1F7Bp4Bq3pM97yb4Qm5wN_7EvDNCmwzgQ&amp;export=download" width="299"></div>
<br>


</div>
</font>

</td>



<td bgcolor="yellow" height="500" width="100"></td>

</tr>



<tr>



<td bgcolor="blue" height="500" width="100">

<img src="creeper-1817227__340.png">

</td>



<td height="500" valign="middle" width="950">

<div align="right"> <font color="black" face="arial" size="4"><b>ARRIBA</b>=top<br>
<br>

<b>MITAD</b>=middle<br>
<br>

<b>ABAJO</b>=bottom<br>
<br>

</font></div>

</td>



<td bgcolor="green"> </td>



</tr>



<tr>



<td bgcolor="red" height="500" width="100">

<img src="creeper-1817227__340.png">

</td>



<td height="500" valign="bottom" width="950">

<div align="center"> <font color="black" face="arial" size="4"><b>ARRIBA</b>=top<br>
<br>

<b>MITAD</b>=middle<br>
<br>

<b>ABAJO</b>=bottom<br>
<br>

</font></div>

</td>



<td bgcolor="grey" color="" height="500" width="100"></td>



</tr>

</tbody>
</table>
</div>