В папке C:\OpenSever\domains\mysite.ru\html создайте файл page_4.html со следующим содержимым:

<html>
<head>
<title> Мой новостной сайт </title>

<style>
h1 {
color:#800000;
font-size: 20pt;
font-weight: bold;
}
h2 {
color:#0000ff;
font-size: 18pt;
font-weight: bold;
}
h3 {
color:#ffff00;
font-size: 16pt;
font-weight: normal;
}
p{
color:#000000;
font-size: 14pt;
font-weight: normal;
}
p.dop{
color:#2f4f4f;
font-size: 14pt;
font-weight: bold;
}
div news { /*Новости*/
background-image:URL (1.jpg);
}
</style>

<table border="1" cellpadding="2" cellspacing="2">

<tr>
  <td colspan=3>
    <table border="0">
    <tr>
        <td><img src="9.jpg" width="220px" height="220px"></td>
        <td> 
		    <div>Поиск <input type="text"></div> 
            <div align= "center"><p>Телефон</p><p>e-mail</p></div>
	    </td>
	</tr>
    </table>
</tr>
<tr>
  <td colspan="2">
    <h1>Заголовок </h1>
    <p>много текста просто очень много </p>
    <p class="dop"> автор 20.09.2017</p>
  </td>
  <td>
    <h1> Новости </h1>
    <p> <a href="page_1.html"> Новсть 1 </a> </p></h1> <img src="2.jpg" width="50px" height="50px"> <br>
    <p> <a href="dop/new2.html">новость2</a> </p></h1> <img src="2.jpg" width="50px" height="50px"> <br>
    <p> Новсть 3 </p></h1> <img src="2.jpg" width="50px" height="50px"> <br>
 </td>
</tr>
<tr>
  <td> <h2>Карта </h2> <img src="1.jpg" width="200px"> </td>
  <td> 
    <h2>Партнеры</h2>
    <img src="1.jpg" width="60px" height="50px"> 
    <img src="2.jpg" width="60px" height="50px"> 
    <img src="3.jpg" width="60px" height="50px"> <br />
    <img src="4.jpg" width="60px" height="50px"> 
    <img src="5.jpg" width="60px" height="50px"> 
    <img src="6.jpg" width="60px" height="50px"> 
  </td>
  <td> 
    <h2>Отзывы</h2> <input type="text"> <br /> 
    <input type="text"> <br />
    <input type="buttom" value="Отправить коментарий"></td>
</tr>
</table>

</head>
</html>

В папке C:\OpenSever\domains\mysite.ru\html создайте файл еще одну директорию dop и в ней создайте файл new2.html с текстом «новость №2».

В результате выполнения задания на экране браузера у вас должно отобразиться следующее:

В папке C:\OpenSever\domains\mysite.ru\html создайте файл index_frame.html со следующим содержимым:

<frameset rows="35%,65%">
<frame SRC="frame1.html">
<frameset cols="40%,60%">
<frame SRC="frame2.html">
<frame SRC="frame3.html">
</frameset>
</frameset>

Также в папке C:\OpenSever\domains\mysite.ru\html создайте

  • файл frame1.html с содержимым:
<a href= "frame2.html" target"_blank">документ, полученный по ссылке будет отображаться в новом окне броузера</a>
  • файл frame2.html с содержимым:
<a href= "frame2.html" target"_self">документ, полученный по ссылке будет отображаться в том же фрэйме, в котором находится ссылка.</a>
  • файл frame3.html с содержимым:
<a href= "frame2.html" target"_top">документ, полученный по ссылке будет отображаться на всей поверхности окна, вне зависимости от наличия фрэймов</a>

 

 

0
300