В папке 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>