да, именно так, спасибо но как мне теперь вогнать это все в тело html документа? попробовал скопировать прямо так, но ничего не работает вернее сказать, в мой javascript <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Lab8-Javascript</title> <link rel="stylesheet" type="text/css" href="lab7.css"> <SCRIPT language="javascript"> <!-- document.write("<p><b>XXX</b></p>") function change(pic3, pic2) { var pi3=document.getElementById(pic3); var pi2=document.getElementById(pic2); var zind=pic3.style.zIndex; pic3.style.zIndex=pic2.style.zIndex; pic2.style.zIndex=zind; } --> </SCRIPT> <style type="text/css"> <!-- .style_p{margin-left: 20%;margin-right: 20%;line-height: 150%;text-indent:50px;} .style1{ bgcolor:#F3D3D3;font-size:12pt;width:900px;margin-left:auto;margin-right:auto;} .style2{display: inline;} .style3{color:green;font-size:30pt;} .style4{color:black;font-size:20pt;} h1 {text-align:center;color:green;font-size:20pt;} --> </style> </head> <body background="001.jpg"> <table align="right"><tr> <td><FORM name="form1"> <INPUT type="button" value="Window" onclick="alert('Google Crome');"> </FORM></td> <td><FORM name="form2"> <INPUT type="button" value="Navigator" onclick="alert('Браузер: ' +navigator.appName+' Версия: ' +navigator.appVersion);"> </FORM></td> <td><FORM name="form3"> <INPUT type="button" value="Location" onclick="window.alert('Полный URL: ' +location.href);"> </FORM></td> <td><FORM name="form4"> <INPUT type="button" value="Screen" onclick="window.alert('Глубина цвета: '+ screen.colorDepth+ '<-->Ширина экрана: '+screen.width+ '<-->Высота экрана: '+screen.height);"> </FORM></td></tr> </table> <br><br><br><br><br> <h1><i>Течения мирового океана</i></h1> <table border="1" cellSpacing="0" class="style1" bgcolor="#D3D3D3" bordercolor="87CEFA"><tr><td class="style_p" > <p onmouseover=" this.style.color='green'; this.style.fontSize='x-large';" onmouseout=" this.style.color='black'; this.style.fontSize='medium';"> Летом 1881 года в Северном Ледовитом океане, к северо-востоку от Новосибирских островов, разыгралась трагедия: судно американской полярной экспедиции «Жанетта» было раздавлено льдами и затонуло. Три года спустя, в 1884 году, у юго-западных берегов Гренландии было найдено 58 различных предметов, принадлежащих этой экспедиции.</p> <p onmouseover=" this.style.color='red'; this.style.fontSize='x-large';" onmouseout=" this.style.color='black'; this.style.fontSize='medium';"> Плоды, растущие на Антильских островах, иногда обнаруживаются у берегов Шотландии и даже у берегов Шпицбергена. Пемзу, выброшенную при извержении вулкана Кракатау в Зондском проливе в 1883 году, моряки находили через год у берегов Мадагаскара и южной оконечности Африки.</td></tr></table></p> <p class="style_p" onmouseover=" this.style.color='blue'; this.style.fontSize='x-large';" onmouseout=" this.style.color='black'; this.style.fontSize='medium';"> <font size="10">Эти</font> <span style="font-size:30px">примеры</span> говорят о передвижении воды в океанах от Новосибирских островов к южной оконечности Гренландии, от Антильских островов к Шпицбергену, от Зондского пролива к Мадагаскару. Такие перемещения воды в океанах на большие расстояния называются морскими течениями.</p> <h1><i>Течения Атлантического океана</i></h1> <div id="tablecenter"> <table border="1" cellSpacing="2" cellPadding="10" bordercolor="A52A2A" onmouseover=" this.style.fontSize='x-large';" onmouseout=" this.style.fontSize='medium';"> <tr bgcolor="#BBBBBB"><th align=center onmouseover="this.style.color='blue';"><p><i>Название</i></p></th> <th align=center><p><i>Скорость (км/сутки</i></p></th> <th align=center><p><i>Температура воды</i></p></th> <th align=center><p><i>Где протекает</i></p></th></tr> <tr><td align=center><p>Северное пассатное</p></td> <td align=center><p>20-45</p></td> <td align=center><p>Тёплое</p></td> <td align=center><p>К северу от экватора, от Африки к Антильским островам</p></td></tr> <tr bgcolor="#BBBBBB"><td align=center><p>Гольфстрим</p></td> <td align=center><p>25-60</p></td> <td align=center><p>Тёплое</p></td> <td align=center><p>От берегов Америки на северо-восток</p></td></tr> <tr><td align=center><p>Северо-Атлантическое</p></td> <td align=center><p>20-45</p></td> <td align=center><p>Тёплое</p></td25-60> <td align=center><p>Продолжение Гольфстрима к северо-западу Европы</p></td></tr> <tr bgcolor="#BBBBBB"><td align=center><p>Лабрадорское</p></td> <td align=center><p>15-60</p></td> <td align=center><p>Холодное</p></td> <td align=center><p>Вдоль северо-восточного берега Северной Америки</p></td></tr> </table></div> <br> <div> <img style="position:absolute; top:1000px; left: 30px; z-index:0" src="2.jpg" name="pic1"></div> <div> <img style="position:absolute; top:1000px; left:500px; z-index:1" src="10.jpg" name="pic3"></div> <div> <img style="position:absolute; top:1000px; left:400px; z-index:2" src="6.jpg" name="pic2"></div> <table align="left"> <tr><FORM name="form5"> <input type="button" value="Hide" name="b3" onclick="pic1.style.visibility='hidden'"> </FORM></tr> <tr><FORM name="form6"> <input type="button" value="Show" name="b3" onclick="pic1.style.visibility='visible'"> </FORM></tr> <tr><FORM name="form7"> <INPUT type="button" value="Change Location" onclick="change(pic3, pic2)"> </FORM></tr> </table> <FORM name="formk"> <INPUT type="button" value="Close Window" onclick="window.close();"> </FORM> мама мыла раму </body> </html> —— я выделил то, что предполагается окрасить в красный цвет; извините за громоздкость не совсем понимаю, как действовать теперь, имея ваш способ