Пример 141
<html>
<frameset cols='25%,50%,25%'>
<frame src='fr_a.html' />
<frame src='fr_b.html' />
<frame src='fr_c.html' />
</frameset>
</html>
Размер фреймов
Размеры фреймов устанавливаются с помощью атрибутов тэга <frameset>. Размеры могут задаваться в пикселях (px) и процентах (%).
С помощью атрибута rows Вы можете установить высоту фрейма. Размеры для отдельных фреймов должны отделяться запятой.
Пример 142
<html>
<frameset rows='35%,35%,30%'>
<frame src='fr_c.html' />
<frame src='fr_a.html' />
<frame src='fr_b.html' />
</frameset>
</html>
Обратите внимание: фрейм по умолчанию имеет видимую границу это значит, что пользователь может изменять его размер перетаскивая границу. Чтобы запретить перетаскивание границ Вы можете добавить атрибут noresize со значением "noresize" к тэгу <frame>.
Сделайте сами
Пример 143
Добейтесь отображения в браузере нескольких фреймов ( 2- 5) в строку и в столбец с запрещенным перетаскиванием границ.В качестве избражения используйте текст и избражение.Результат покажите преподавателю.
Что делать, если браузер пользователя не поддерживает фреймы?
Если браузер пользователя не поддерживает фреймы Вы должны использовать тэг <noframes>. Значение этого тэга будет отображено только тем пользователям браузер которых не может отобразить фреймы.
Пример 144
<html>
<frameset cols='25%,75%'>
<frame src='fr_a.html' />
<frame src='fr_b.html' />
</frameset>
<noframes>
<body><p> Ваш браузер не поддерживает фреймы. </p> </body>
</noframes>
</html>
Обратите внимание: При использовании тэга noframe Вы должны указывать тэг body как показано в примере выше.
Строковые фреймы
С помощью тэга <iframe> Вы можете вставить фрейм в любое место обычного HTML документа.
Данный тэг часто используют для отображения рекламы на сайтах.
Ширина строкового фрейма задается с помощью атрибута width, а высоту с помощью атрибута height.
Пример 145
<html>
<body>
<p> Вот как выглядит первый строковый фрейм: </p>
<iframe src='fr_a.html' width='400' height='150'></iframe>
<p> Еще один строковый фрейм:</p>
<iframe src='fr_b.html' width='700' height='250'></iframe>
</body>
</html>
Обратите внимание: если браузер пользователя не сможет отобразить строковый фрейм он просто его пропустит.
146.Создание бегущей строки при помощи тэга <MARQUEE>
Используя тэг <MARQUEE> можно просто создать бегущую строку, например так: <marquee> Ciao </marquee>
Или в более полном варианте:
<marquee width "75%" height="20px" bgcolor="yellow" direction="left" behavior="scroll" loop="10" scrollamount="30px" scrolldelay="30" align="top"> Ciao </marquee> Значение тэгов пояснено в таблице.
Таблица
Тэг marquee
Параметр |
Значение |
width, height, bgcolor |
l Соответственно ширина, длина и цвет фона окна бегущей строки |
direction |
Направление движения: left - слева, right - справа |
behaviour |
Поведение: scroll - прокрутить текст n-раз и исчезнуть, slide-npo- крутить текст n-раз: и остаться |
loop |
Число раз прокрутки. Если loop не указано, или указано число -1, то прокрутка будет бесконечной |
scrollamount |
Количество пикселей, на которое строка смещается за I шаг |
scroll delay |
Задержка в миллисекундах перед каждым шагом прокрутки |
align |
Выравнивание строки в своем окне: top - верх, middle — центр, bottom - низ |
Сделайте сами
В коде своего сайта используйте в качестве одного из заголовков «бегущую строку» с уникальными значениями параметров из таблицы. Результат покажите преподавателю.
15. О DTD
DTD расшифровывается Document Type Definition (объявление типа документа).
DTD - это не HTML тэг, а инструкция браузеру о версии языка разметки данной страницы. DTD указывается перед тэгом <html>.
DTD нужен для того, чтобы браузер правильно понимал как отображать HTML документ. В HTML существует несколько видов DTD:
HTML 4.01 Strict (строгий)
HTML документы со строгим DTD могут содержать все HTML элементы и атрибуты, кроме презентационных и устаревших. Использование фреймов запрещено.
Объявление строгого DTD:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Обратите внимание: вместо презентационных тэгов сейчас рекомендуется использовать CSS. Рекомендуется переходить к изучению CSS только после изучения HTML.
HTML 5 DTD
В HTML5 вместо трех различных DTD был введен один универсальный.
<!DOCTYPE html>
Как проверить свои страницы на наличие ошибок разметки?
Введите URL желаемого сайта в поле ниже и нажмите кнопку "Проверить".
Начало формы
Конец формы
Обратите внимание: DTD должен быть указан.
Пример документа со строгим DTD