Веб-сторінка сайту може містити кілька блоків або вікон, які називаютьфреймами, або кадрами. У кожного з них відображається свій HTML- документ. В одному фреймі може міститися навігаційне меню, і в іншому відкриватися веб-сторінки, на які вказують його пункти.

Для того, щоб створити веб-сторінку з фреймами, потрібно кілька HTML-документів. В одному з них задають розмітку екрана, тобто розташовують у вікні браузера фрейми, кожному з яких призначають свої документи.

Сторінка з розміткою, як і звичайна, починається з тегу <HTML> і закінчується тегом </HTML>. Для поділу екрана на кілька фреймів використовують теги <FRAMESET> і </FRAMESET>. Перший має бути розташований після тегу заголовка, але перед тегом <BODY>. Іноді в таких документах зовсім не використовують тег <BODY>. Два фрейми можна розташувати поруч по горизонталі або один над одним. У першому випадку використовують атрибутCOLS, а в другому– атрибут ROWS тегу

<FRAMESET> . Для поділу вікна на фрейми через кому записують два числа, які визначають розмірифреймів. Для трьох фреймів потрібно три числа.

Розміри фреймів вимірюють у пікселях або відсотках від розміру екрана. Якщо потрібно зазначити, що фрейм займає те місце, яке залишилося, використовують символ*.

Наприклад, тег <FRAMESET ROWS=”150, ” > задає поділ вікна на два горизонтальні фрейми, один з яких має висоту 150 пікселів, а другий займає те місце, що залишилося. Тег <FRAMESET COLS=”20%, 55%, ” > задає поділ вікна на три вертикальні фрейми.

Після поділу екрана на вікна для кожного фрейму слід задати HTML- документ, який відображатиметься в ньому. Для цього використовують тег

<FRAME> з атрибутами, що керують властивостями фреймів:

SRC – задає ім’я файлу,що відображатиметься у фреймі;
NAME – задає ім’я фрейму;
SCROLLING – визначає наявність (значення yes) або відсутність (значення no) смуг прокручування у вікні фрейму (за умовчанням – yes);
NORESIZE – забороняєкористувачу змінювати розмірифрейму;
BORDER – визначає ширину розділювальної смуги між фреймами в пікселях;
BORDERCOLOR – визначає колір розділювальної смуги між фреймами;
MARGINHEIGHT – додає порожнє поле, висота якого визначена в пік селях,між верхньою межею фреймуі початком тексту або графіки;
MARGINWIDTH – додає порожнє поле, ширина якого визначена в пік селях,між верхньою межею фреймуі початком тексту або графіки.

Оскільки фреймипідтримують не всі браузери, необхідно помістити тег

<NOFRAME> перед тегом <BODY>, а між <BODY> і </BODY> записати повідомлення, яке з’являтиметься у вікні, якщо браузер не підтримує фрейми. Після </BODY> має йти </NOFRAME>.