Параметр NORESIZE. Приклад: <FRAME SRC=”logo.html” NORESIZE>
Навігація між фреймами
Параметр NAME. Параметр задає ім’я для фрейма, яке буде в подальшому використовуватися для посилання на нього з інших документів (фреймів) за допомогою параметра TARGET тега <A> (TARGET=”ім’я фрейма”)
Приклад: <FRAME SRC=”content.html” NAME=”window-1”>
Атрибути TARGET
| name | Ім.’я чи посилання фрейму |
| blank | Завантаження посилання в нове вікно |
| parent | Завантаження посилання в батьківське вікно |
| self | Завантаження посилання в те ж вікно, де був зроблений клік |
| top | Завантаження посилання в topmost вікно |
Приклад взаємодії між фреймами і окремими вікнами броузера
1. Опис фреймової структури, що складається з трьох фреймів з іменами А, В, С
<HTML><HEAD><TITLE>Використання фреймів</TITLE></HEAD>
<FRAMESET COLS=”2*,*,*”>
<FRAME SRC=frame_a.htm NAME=”A”>
<FRAME SRC=empty.htm NAME=”B”>
<FRAME SRC=empty.htm NAME=”C”>
</FRAMESET></HTML>
2. Опис файлу frame_a.htm, що завантажуватиметься у фрейм А
<HTML><HEAD><TITLE>Документ для фрейма А</TITLE></HEAD>
<BODY>
<A HREF =”test.htm” TARGET=”B”>1. Завантаження документа у фрейм В</A><P>
<A HREF =”test.htm” TARGET=”C”>2. Завантаження документа у фрейм С</A><P>
<A HREF =”test.htm” TARGET=”_blank”>3. Завантаження документа у нове вікно</A><P>
<A HREF =”test.htm” TARGET=”_top”>4. Завантаження документа у повне вікно </A><P>
<A HREF =”test.htm” TARGET=”_self”>5. Завантаження документа в поточний фрейм </A>
</BODY></HTML>
3. Текст файлу test.htm
<HTML><HEAD><TITLE>Тестовий документ</TITLE></HEAD>
<BODY>
Текст тестового файлу
</BODY></HTML>
Файл frame_a.htm, вміст якого буде завантажуватися у фрейм А, має 5 посилань з різним значенням параметра TARGET на один і той же файл.
1. Перше посилання (TARGET=”B”) буде завантажувати файл test.htm у фрейм з ім’ям В.
2. Друге посилання (TARGET=”С”) буде завантажувати файл test.htm у фрейм з ім’ям С.
3. Третє посилання (TARGET=”_blank”) створить нове вікно без ім’я і завантажить туди файл test.htm.
4. Четверте посилання (TARGET=”_top”) буде завантажувати файл test.htm у повне вікно замість всієї фреймової структури.
5. П’яте посилання (TARGET=”_self”) завантажить документ у фрейм А на місце документа з посиланнями.
8. Каскадні таблиці стилів (Cascade Style Sheets – CSS)
Основним поняттям CSS є стиль – тобто набір правил оформлення і форматування, який може бути застосований до різних елементів сторінки.
Для привласнення якому-небудь елементу певних характеристик потрібно один раз описати цей елемент і визначити цей опис як стиль, а надалі просто вказувати, що елемент, який ви хочете оформити відповідним чином, повинен прийняти властивості стилю, описаного вами.
В даний час мова CSS налічує досить велику кількість властивостей елементів HTML, якими вона може управляти.
Властивості елементів
| Властивості шрифту | |
| font-family | Використовується для вказівки шрифту, яким відображатиметься елемент. P {font-family: Times New Roman, serif;} |
| font-weight | Визначає ступінь жирності шрифту за допомогою трьох параметрів: lighter, bold, bolder B {font-weight: bolder;} |
| font-size | Встановлює розмір шрифту. Параметр може вказуватися як у відносній (відсотки), так і абсолютній величині (пункти, пікселі, сантиметри) H2 {font-size: 150px;} H3 {font-size: 400pt;} |
| Колір елемента і колір фону | |
| color | Визначає колір елемента I {color: yellow;} |
| background-color | Встановлює колір фону для елемента – саме для елемента, а не для сторінки. <H1 style="background-color: gold; color: brown;">Sheets</H1> |
| Властивості тексту | |
| text-decoration | Встановлює ефекти оформлення шрифту, такі, як підкреслення або закреслюваний текст H4 {text-decoration: underline;} А {text-decoration: none;}.wrong {text-decoration: line-through;} |
| text-align | Визначає вирівнювання елемента. P {text-align: justify} H1 {text-align: сеnter} |
| text-indent | Встановлює відступ першого рядка тексту. Частіше за все використовується для створення параграфів з табульованим першим рядком. |
| line-height | Управляє інтервалами між рядками тексту. P {line-height: 50 %} |
| Властивості меж | |
| margin-left | Встановлюють значення відступів навкруги елемента. IMG {margin-right: 20pt} P {margin-left: 2cm} |
| margin-right margin-bottommargin-top | Встановлюють значення відступів навкруги елемента. IMG {margin-right: 20pt} P {margin-left: 2cm} |
| Одиниці вимірювання | |
| px | Піксели |
| cm | Сантиметри |
| mm | Міліметри |
| pt | Пункти (друкар.) |
| % | Відсотки |
