→ Пошук по сайту       Увійти / Зареєструватися

Фреймы

Компетенція Робота з HTML

Вопросы для проверки

  1. bordercolor
  2. <frameset cols="*,200">
  3. cols
  4. Документ text.html откроется в новом окне.
  5. noresize тега <frame>

Задание

1. Создание страницы с фреймами.

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример фреймов</title>
</head>
<frameset cols="90,*">
<frame src="menu.html" name="leftFrame" scrolling="no" noresize>
<frameset rows="80,*">
<frame src="title.html" name="topFrame" scrolling="no" noresize>
<frame src="content.html" name="mainFrame">
</frameset>
</frameset>
</html>

menu.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Навигация</title>
</head>
<body>
<p>Навигация</p>
</body>
</html>

content.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Содержание</title>
</head>
<body>
<p>Содержание</p>
</body>
</html>

title.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Заголовок</title>
</head>
<body>
<h2>Заголовок сайта</h2>
</body>
</html>

2. Создание страницы с фреймами.

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример фреймов</title>
</head>
<frameset rows="55,*,40">
<frame src="title.html" name="topFrame" scrolling="no" noresize>
<frameset cols="110,*">
<frame src="menu.html" name="leftFrame" scrolling="no" noresize>
<frame src="content.html" name="mainFrame">
</frameset>
<frame src="footer.html" name="bottomFrame" scrolling="no" noresize>
</frameset>
</html>

footer.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Подвал</title>
</head>
<body>
<p>Подвал страницы</p>
</body>
</html>

Содержимое файлов menu.html, title.html и content.html совпадает с первым примером.

загрузка...
Сторінки, близькі за змістом