< font size="5" color="red">Текст бегущей строки.</font>
</marquee>
Фреймы
позволяют делить пространства окна Web-браузера на независимые разделы.
<frameset rows|cols=…>
<frame src=… name=… scrolling=…>
</frameset>
Атрибуты:
rows =.. горизонтальное расположение фреймов,
cols=… вертикальное расположение фреймов,
src =… для задания имени Web-страницы, которая должна воспроизводится внутри фрейма,
name =…имя фрейма,
scrolling =…задание полос прокрутки.
Пример:
<frameset rows=”35,*” border=”0”>
<frame src=”1.htm”>
<frameset col=”50%,50%”>
<frame src=”2.htm”>
<frame src=”3.htm”>
</frameset>
</frameset>
Файл “1.htm”
Файл “2.htm”
Файл “3.htm”
Слои.
Слой (англ. layer) - это прямоугольный блок, который может содержать различные объекты - текст, графику, таблицы. Допускается применение нескольких слоев в пределах одного документа, которые могут взаимно перекрываться, с помощью чего можно добиваться различных интересных эффектов. Кроме того, содержимое слоя в любой момент можно отредактировать или вообще удалить, не трогая элементы других слоев.
Шаблон HTML-кода слоя выглядит так:
<div style="Свойства слоя">
Содержимое слоя
</div>
В строке «Содержимое слоя» находятся обычные HTML-теги, которые определяют элементы, из которых состоит слой. Свойства слоя - это свойства таблицы стилей CSS (о чём вы узнаете далее). Записываются они так:
свойство:значение
Естественно, свойства слоя могут состоять из нескольких пар свойство:значение, которые отделяются друг от друга точками с запятой. А теперь рассмотрим сами свойства:
Свойство, его синтаксис
Описание
position:(absolute, static, relative)
Без указания этого свойства вы не сможете определить характер расположения слоя. Свойство position может принимать одно из трех значений: static (статическое), absolute (абсолютное) и relative (относительное). Параметр static по умолчанию не оказывает никакого влияния на расположение слоев.
При абсолютном позиционировании слой размещается относительно левого верхнего угла окна документа. В случае размещения слоя внутри другого, абсолютные координаты считаются от левого верхнего угла родительского слоя.
Параметр position: relative используется для смещения слоя относительно родительского элемента. Установка этого значения не изменяет размещение элемента, но если установлены значения свойств top или left, то слой смещается от своего нормального положения в документе.
left:число
Определяет расстояние от левого края окна броузера до левого края слоя. Допускается указывать эту величину в разных единицах измерения. Можно подстраховаться и принудительно задать в качестве единиц измерения пиксели:
left:50px
top:число
Определяет расстояние от верхнего края окна броузера до верхнего края слоя. Все остальное - аналогично свойству left.
width:число
Это свойство указывает ширину слоя. Можно указывать ширину и в процентах (width:100%)
height:число
Определяет высоту слоя.
background-color:цвет
Это свойство определяет фоновый цвет слоя. Как и в HTML, можно указывать и шестнадцатеричное значение (#FFFFFF), и "обычное" название цвета (white).
background-image:url(путь)
Определяет фоновое изображение слоя. В качестве пути можно указывать как полный URL (http://www.utugi.ru/img/bgimg.gif) так и относительный путь (/img/bgimg.gif).
z-index:число
Это свойство служит для определения порядка расположения слоев на странице. Чем меньше значение свойства z-index, тем позднее выводится слой на экран. Например, слой со значением z-index, равным 0, будет перекрывать слой с z-index:1.
Таким образом, полный пример тега DIV, определяющего слой, может выглядеть следующим образом:
