YozUP,не забывайте закрывать все теги (а именно
</tr>), внутри двойных кавычек нужно использовать одинарные и наоборот...
<style type='text/css'>
div#div1 {
border:double;
width:500;
height:345;
}
</style>
<table border=0 align=center>
<tr><td><form>
<input type=button value="красный" onClick="document.getElementById('div1').style.backgroundColor='ff0000'">
<input type=button value="желтый" onClick="document.getElementById('div1').style.backgroundColor='ffff00'">
<input type=button value="синий" onClick="document.getElementById('div1').style.backgroundColor='0000ff'">
<input type=button value="голубой" onClick="document.getElementById('div1').style.backgroundImage='url(http://img3-fotki.yandex.net/get/6504/3821868.a3/0_STATIC863b3_cae309a0_S)'">
<input type=button value="коралловый" onClick="document.getElementById('div1').style.backgroundImage = 'url(http://img4-fotki.yandex.net/get/6608/17898081.143/0_STATIC8c804_a324cdda_L)'">
</form></td></tr>
</table>
<div id="div1"></div>