да, именно так, спасибо  но как мне теперь вогнать это все в тело 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> —— я выделил то, что предполагается окрасить в красный цвет; извините за громоздкость  не совсем понимаю, как действовать теперь, имея ваш способ