Ich hab dir mal so ein kleines Skript erstellt:
<!DOCTYPE HTML><html><head><meta charset="UTF-8" /><title>4*4 Fläche</title><style type="text/css"><!--td:hover { background-color:red; }--></style><script language="javascript" type="text/javascript"><!--const width="64px",dicke="6px",x=4,y=4;function CreateGUI() { var doc = "<table border='1'>"; for(var i=0; i<x; i++) { doc = doc + "<tr>"; for(var j=0; j<y; j++) { doc = doc + "<td width='"+width+"' height='"+width+"' cellpadding='"+dicke+"'></td>"; } doc = doc + "</tr>"; } return document.getElementById("content").innerHTML = doc + "</table>";}--></script></head><body onload="CreateGUI();"><div id="content"></div></body></html>
Hoffe es hilft dir ein wenig 
mfg. 
//Edit: Die Klasse des Elements war unnötig...
