Если разместить на столе несколько листов прозрачной пленки, с размещенной на них информацией, например, с текстом, картинками, то эти листы могут послужить хорошей иллюстрацией того, что такое слои. Слои — это своеобразные контейнеры, которые вмещают в себя информацию. Слои можно перемещать по экрану и относительно друга друга. Слои могут быть прозрачными или непрозрачными.

Слои обозначаются английским словом layers. Слои появились с возникновением версии 4.0 броузера Netscape Navigator. При помощи слоев стало возможным позиционирование элементов веб-страницы при помощи задания абсолютных координат слоя или координат относительных, задающих положение слоев друг относительно друга. Использование координат слоев предоставляет возможность перемещения объектов, расположенных на данном слое, по HTML-странице, возможно установить частичную видимость тех или иных объектов на слое, использовать возможности языка JavaScript для манипулирования объектами слоев.

Для того, чтобы создать слой, используется ярлык <lауег> или ярлык <ilayer>. Слои могут обладать следующими свойствами.

Свойство	Название слоя
name="layerName"	название слоя
left=xPosition	горизонтальная (х) координата верхнего левого угла слоя
top=yPosition	вертикальная (у) координата верхнего левого угла слоя
z-index=layerlndex	номер слоя, его "индекс глубины"
width =layerWidth	ширина слоя в пикселях
clip="x1_offset, y1_offset, x2_offset, y2_offset"	данные координаты определяют расположение видимой области слоя
above="layerNarne"	это свойство определяет имя слоя, над которым будет расположен данный слой
below="layerName"	это свойство определяет имя слоя, под которым будет располагаться данный слой
Visibility=show | hide | inherit	свойство задает параметр видимости слоя
bgcolor="rgbColor"	свойство задает цвет фона слоя, это либо название стандартного цвета, либо значение RGB цвета
background="image URL"	свойство задает рисунок фона слоя

Свойства left и top помогают разместить слои, созданные при помощи ярлыка <lауег>. В этом ярлыке можно задать имя слоя. По этому имени в дальнейшем можно обращаться к слою в программах-скриптах. Внутри ярлыка также можно указать z-индекс слоя. При задании z-индекса необязательно использовать последовательные целые числа. Важно лишь то, что чем больше значение z-индекса, тем выше расположен слой. Если слой прозрачен, то содержимое того слоя, который расположен за таким прозрачным слоем будет видимым.

Файл layer.htm показывает два слоя. Первый слой с именем pic содержит рисунок img.gif. Второй слой имеет имя txt. В нем расположен текст. Z-индекс второго слоя больше, чем у первого, поэтому текст, содержащийся во втором слое, будет располагаться поверх рисунка.

Файл layaer.htm: