Извините, файлом потому, что код очень длинный.
<head>
<title>colortable</title>
</head>
<body>
<table border="1" width=20% height=20%>
<tr>
<td bgcolor="#ff0000"></td>
<td bgcolor=#cc0000>
</td>
<td bgcolor="#990000"></td>
<td bgcolor="#660000"></td>
<td bgcolor="#330000"></td>
<td bgcolor="#000000"></td>
</tr>
<tr>
<td bgcolor="#ff0033"></td>
<td bgcolor="#cc0033"></td>
<td bgcolor="#990033"></td>
<td bgcolor="#660033"></td>
<td bgcolor="#330033"></td>
<td bgcolor="#000033"></td>
</tr>
<tr>
<td bgcolor=#FF0066></td>
<td bgcolor=#cc0066></td>
<td bgcolor=#990066></td>
<td bgcolor=#660066></td>
<td bgcolor=#330066></td>
<td bgcolor=#000066></td>
</tr>
<tr>
<td bgcolor="#ff0099"></td>
<td bgcolor="#cc0099"></td>
<td bgcolor="#990099"></td>
<td bgcolor="#660099"></td>
<td bgcolor="#330099"></td>
<td bgcolor="#000099"></td>
</tr>
<tr>
<td bgcolor="#ff00cc"></td>
<td bgcolor="#cc00cc"></td>
<td bgcolor="#9900cc"></td>
<td bgcolor="#6600cc"></td>
<td bgcolor="#3300cc"></td>
<td bgcolor="#0000cc"></td>
</tr>
<tr>
<td bgcolor="#ff00ff"></td>
<td bgcolor="#cc00ff"></td>
<td bgcolor="#9900ff"></td>
<td bgcolor="#6600ff"></td>
<td bgcolor="#3300ff"></td>
<td bgcolor="#0000ff"></td>
</tr>
</table>
<br><br><br><br>
<table border="1" width=20% height=20%>
<tr>
<td bgcolor="#ff3300"></td>
<td bgcolor=#cc3300>
</td>
<td bgcolor="#993300"></td>
<td bgcolor="#663300"></td>
<td bgcolor="#333300"></td>
<td bgcolor="#003300"></td>
</tr>
<tr>
<td bgcolor="#ff3333"></td>
<td bgcolor="#cc3333"></td>
<td bgcolor="#993333"></td>
<td bgcolor="#663333"></td>
<td bgcolor="#333333"></td>
<td bgcolor="#003333"></td>
</tr>
<tr>
<td bgcolor=#FF3366></td>
<td bgcolor=#cc3366></td>
<td bgcolor=#993366></td>
<td bgcolor=#663366></td>
<td bgcolor=#333366></td>
<td bgcolor=#003366></td>
</tr>
<tr>
<td bgcolor="#ff3399"></td>
<td bgcolor="#cc3399"></td>
<td bgcolor="#993399"></td>
<td bgcolor="#663399"></td>
<td bgcolor="#333399"></td>
<td bgcolor="#003399"></td>
</tr>
<tr>
<td bgcolor="#ff33cc"></td>
<td bgcolor="#cc33cc"></td>
<td bgcolor="#9933cc"></td>
<td bgcolor="#6633cc"></td>
<td bgcolor="#3333cc"></td>
<td bgcolor="#0033cc"></td>
</tr>
<tr>
<td bgcolor="#ff33ff"></td>
<td bgcolor="#cc33ff"></td>
<td bgcolor="#9933ff"></td>
<td bgcolor="#6633ff"></td>
<td bgcolor="#3333ff"></td>
<td bgcolor="#0033ff"></td>
</tr>
</table>
<br><br><br><br>
<table border="1" width=20% height=20%>
<tr>
<td bgcolor="#ff6600"></td>
<td bgcolor=#cc6600>
</td>
<td bgcolor="#996600"></td>
<td bgcolor="#666600"></td>
<td bgcolor="#336600"></td>
<td bgcolor="#006600"></td>
</tr>
<tr>
<td bgcolor="#ff6633"></td>
<td bgcolor="#cc6633"></td>
<td bgcolor="#996633"></td>
<td bgcolor="#666633"></td>
<td bgcolor="#336633"></td>
<td bgcolor="#006633"></td>
</tr>
<tr>
<td bgcolor=#FF6666></td>
<td bgcolor=#cc6666></td>
<td bgcolor=#996666></td>
<td bgcolor=#666666></td>
<td bgcolor=#336666></td>
<td bgcolor=#006666></td>
</tr>
<tr>
<td bgcolor="#ff6699"></td>
<td bgcolor="#cc6699"></td>
<td bgcolor="#996699"></td>
<td bgcolor="#666699"></td>
<td bgcolor="#336699"></td>
<td bgcolor="#006699"></td>
</tr>
<tr>
<td bgcolor="#ff66cc"></td>
<td bgcolor="#cc66cc"></td>
<td bgcolor="#9966cc"></td>
<td bgcolor="#6666cc"></td>
<td bgcolor="#3366cc"></td>
<td bgcolor="#0066cc"></td>
</tr>
<tr>
<td bgcolor="#ff66ff"></td>
<td bgcolor="#cc66ff"></td>
<td bgcolor="#9966ff"></td>
<td bgcolor="#6666ff"></td>
<td bgcolor="#3366ff"></td>
<td bgcolor="#0066ff"></td>
</tr>
</table>
<br><br><br><br>
<table border="1" width=20% height=20%>
<tr>
<td bgcolor="#ff9900"></td>
<td bgcolor=#cc9900>
</td>
<td bgcolor="#999900"></td>
<td bgcolor="#669900"></td>
<td bgcolor="#339900"></td>
<td bgcolor="#009900"></td>
</tr>
<tr>
<td bgcolor="#ff9933"></td>
<td bgcolor="#cc9933"></td>
<td bgcolor="#999933"></td>
<td bgcolor="#669933"></td>
<td bgcolor="#339933"></td>
<td bgcolor="#009933"></td>
</tr>
<tr>
<td bgcolor=#FF9966></td>
<td bgcolor=#cc9966></td>
<td bgcolor=#999966></td>
<td bgcolor=#669966></td>
<td bgcolor=#339966></td>
<td bgcolor=#009966></td>
</tr>
<tr>
<td bgcolor="#ff9999"></td>
<td bgcolor="#cc9999"></td>
<td bgcolor="#999999"></td>
<td bgcolor="#669999"></td>
<td bgcolor="#339999"></td>
<td bgcolor="#009999"></td>
</tr>
<tr>
<td bgcolor="#ff99cc"></td>
<td bgcolor="#cc99cc"></td>
<td bgcolor="#9999cc"></td>
<td bgcolor="#6699cc"></td>
<td bgcolor="#3399cc"></td>
<td bgcolor="#0099cc"></td>
</tr>
<tr>
<td bgcolor="#ff99ff"></td>
<td bgcolor="#cc99ff"></td>
<td bgcolor="#9999ff"></td>
<td bgcolor="#6699ff"></td>
<td bgcolor="#3399ff"></td>
<td bgcolor="#0099ff"></td>
</tr>
</table>
<br><br><br><br>
<table border="1" width=20% height=20%>
<tr>
<td bgcolor="#ffcc00"></td>
<td bgcolor=#cccc00>
</td>
<td bgcolor="#99cc00"></td>
<td bgcolor="#66cc00"></td>
<td bgcolor="#33cc00"></td>
<td bgcolor="#00cc00"></td>
</tr>
<tr>
<td bgcolor="#ffcc33"></td>
<td bgcolor="#cccc33"></td>
<td bgcolor="#99cc33"></td>
<td bgcolor="#66cc33"></td>
<td bgcolor="#33cc33"></td>
<td bgcolor="#00cc33"></td>
</tr>
<tr>
<td bgcolor=#FFcc66></td>
<td bgcolor=#cccc66></td>
<td bgcolor=#99cc66></td>
<td bgcolor=#66cc66></td>
<td bgcolor=#33cc66></td>
<td bgcolor=#00cc66></td>
</tr>
<tr>
<td bgcolor="#ffcc99"></td>
<td bgcolor="#cccc99"></td>
<td bgcolor="#99cc99"></td>
<td bgcolor="#66cc99"></td>
<td bgcolor="#33cc99"></td>
<td bgcolor="#00cc99"></td>
</tr>
<tr>
<td bgcolor="#ffcccc"></td>
<td bgcolor="#cccccc"></td>
<td bgcolor="#99cccc"></td>
<td bgcolor="#66cccc"></td>
<td bgcolor="#33cccc"></td>
<td bgcolor="#00cccc"></td>
</tr>
<tr>
<td bgcolor="#ffccff"></td>
<td bgcolor="#ccccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#66ccff"></td>
<td bgcolor="#33ccff"></td>
<td bgcolor="#00ccff"></td>
</tr>
</table>
<br><br><br><br>
<table border="1" width=20% height=20%>
<tr>
<td bgcolor="#ffff00"></td>
<td bgcolor=#ccff00>
</td>
<td bgcolor="#99ff00"></td>
<td bgcolor="#66ff00"></td>
<td bgcolor="#33ff00"></td>
<td bgcolor="#00ff00"></td>
</tr>
<tr>
<td bgcolor="#ffff33"></td>
<td bgcolor="#ccff33"></td>
<td bgcolor="#99ff33"></td>
<td bgcolor="#66ff33"></td>
<td bgcolor="#33ff33"></td>
<td bgcolor="#00ff33"></td>
</tr>
<tr>
<td bgcolor=#FFff66></td>
<td bgcolor=#ccff66></td>
<td bgcolor=#99ff66></td>
<td bgcolor=#66ff66></td>
<td bgcolor=#33ff66></td>
<td bgcolor=#00ff66></td>
</tr>
<tr>
<td bgcolor="#ffff99"></td>
<td bgcolor="#ccff99"></td>
<td bgcolor="#99ff99"></td>
<td bgcolor="#66ff99"></td>
<td bgcolor="#33ff99"></td>
<td bgcolor="#00ff99"></td>
</tr>
<tr>
<td bgcolor="#ffffcc"></td>
<td bgcolor="#ccffcc"></td>
<td bgcolor="#99ffcc"></td>
<td bgcolor="#66ffcc"></td>
<td bgcolor="#33ffcc"></td>
<td bgcolor="#00ffcc"></td>
</tr>
<tr>
<td bgcolor="#ffffff"></td>
<td bgcolor="#ccffff"></td>
<td bgcolor="#99ffff"></td>
<td bgcolor="#66ffff"></td>
<td bgcolor="#33ffff"></td>
<td bgcolor="#00ffff"></td>
</tr>
</table>
<script>
document.getElementsByTagName('table')[0].onclick=function(e){
e=e?e.target:window.event.srcElement;
if(e.tagName=='TD')alert(e.bgColor)
}
</script><script>
document.getElementsByTagName('table')[1].onclick=function(e){
e=e?e.target:window.event.srcElement;
if(e.tagName=='TD')alert(e.bgColor)
}
</script><script>
document.getElementsByTagName('table')[2].onclick=function(e){
e=e?e.target:window.event.srcElement;
if(e.tagName=='TD')alert(e.bgColor)
}
</script><script>
document.getElementsByTagName('table')[3].onclick=function(e){
e=e?e.target:window.event.srcElement;
if(e.tagName=='TD')alert(e.bgColor)
}
</script><script>
document.getElementsByTagName('table')[4].onclick=function(e){
e=e?e.target:window.event.srcElement;
if(e.tagName=='TD')alert(e.bgColor)
}
</script><script>
document.getElementsByTagName('table')[5].onclick=function(e){
e=e?e.target:window.event.srcElement;
if(e.tagName=='TD')alert(e.bgColor)
}
</script>
</body>
</HTML>
С созданием таблиц нет трудностей. Трудности с преподавателям:
"Отзыв от Учитель
Картинка участника Смирнов Сергей Витальевич
Смирнов Сергей Витальевич
Среда 16 Февраль 2011, 18:20"
Оценка: -
Используйте циклы. Вы представили пример "китайского кода"