Algo así sería , por cierto separa los estilos de las etiquetas , que etiquetas como font ya no se usan , y el separar te va a dar una mejor visión.
Código:
<html>
<head>
<script>
function cambiacolor_texto(elemento){
elemento.style.color="orange" ;}
function cambiacolor_texto2(elemento){elemento.style.color="green";}
</script>
</head>
<body>
<table "border="1" rules="all"" >
<TR align=center>
<TD WIDTH=400 bgcolor="#ffffff" onclick="cambiacolor_texto(this);">Casilla 1</TD>
<TD WIDTH=400 bgcolor="#ffffff"><font color="#FF8C00" onclick="cambiacolor_texto2(this);">Casilla 2</font></TD>
</TR>
</table>
</body>
</html>