Заголовки всередині HTML–документів

Окремим типом абзаців є заголовки. Існує шість рівнів заголовків, що відрізняються величиною шрифту. З їх допомогою можна розбивати текст на змістовні рівні – розділи і підрозділи. Перший рівень заголовків (найбільший) позначається цифрою 1, наступний – 2, і т.д. Більшість браузерів підтримує інтерпретацію шести рівнів заголовків, визначаючи кожному з них власний стиль. Синтаксис заголовка рівня 1 наступний:

<H1>

Заголовок першого рівня

</H1>.

Заголовки іншого рівня можуть бути представлені в загальному випадку так:

<Hx>

Заголовок x–го рівня

</Hx>

де x – цифра від 1 до 6, що позначає рівень заголовка.

Теги заголовків можуть задаватися з параметром горизонтального вирівнювання ALIGN. Можливі значення параметра співпадають з параметрами вирівнювання тега абзаца <P>.

Форматування символів тексту

 

Теги форматування символів тексту визначають формат відображення вказаного в них фрагмента тексту у вікні браузера (табл.4).

Таблиця 4

Теги форматування символів тексту

Назва тега Призначення тега
<FONT>…</FONT> дозволяє змінювати колір, розмір і тип шрифту тексту
<I>…</I> виділяє текст похилим шрифтом
<B>…</B> виділяє текст жирним шрифтом
<B> <I>…</I></B> потовщений курсив
<U>…</U> виділяє текст підкресленим
<SUB>…</SUB> нижній індекс
<SUP>…</SUP> верхній індекс

Щоб задати колір, розмір і шрифт тексту в будь–якій частині документа використовують парний тег <FONT>. Зовні тегів <FONT>...</FONT> використовується шрифт, вказаний в елементі BASEFONT. Параметри тега <FONT> наступні:

- SIZE – обов'язковий параметр, який вказує на розмір шрифту. Можливі значення: цілі числа від 1 до 7 включно. Розмір шрифта вказують як абсолютну величину (SIZE=2), так і відносну (SIZE=+1). Останній спосіб використовується в поєднанні з визначенням базового розміру шрифта за допомогою тега BASEFONT;

- COLOR – параметр, який вказує на колір тексту. Задається в словесній формі (white, yellow, black) або за допомогою шестицифрових шістнадцяткових чисел;

- FACE – параметр, який вказує на шрифт, яким програма перегляду буде виводити текст. Значення даного параметра повинно точно співпадати з назвою шрифта, що є у користувача. Якщо такий шрифт не знайдено, то використовується шрифт, встановлений за замовчуванням.

Тип і колір шрифту, що використовується в документі за замовчуванням встановлюється за допомогою тега BASEFONT. Цей тег не має кінцевого тега, його параметри – такі ж, як і у тега <FONT>.

Створення списків

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

Нумерований список утворюють за допомогою тега–контейнера <OL>…</OL>. Кожний елемент списку починається з тега <LI>. Список може мати заголовок, який охоплюється парним тегом <LH>…</LH>. Схематично нумерований список має такий вигляд:

<LH> заголовок списку </ LH>

<OL>

<LI> Перший пункт списку

<LI> Другий пункт списку

<LI> Третій пункт списку

..............................................

</OL>

Тег <OL> може мати параметр TYPE, який задає спосіб нумерації. Можливі такі значення параметра TYPE :

I – нумерація великими Римськими цифрами (I, II, III...);

i – нумерація малими Римськими цифрами (i, ii, iii...) ;

a – нумерація малими латинськими літерами (а, b, c...);

А – нумерація великими латинськими літерами (A, B, C...);

1 – нумерація малими арабськими цифрами (1, 2, 3...).

В маркерованих списках для виділення його елементів використовують спеціальні символи, які називають маркерами списку. Для створення маркерованого списку використовують тег–контейнер <UL>…</UL>, всередині якого розміщають усі елементи списку. Кожен елемент списку починається з тега <LI>. Схематично маркерований список має такий вигляд:

<UL>

<LI> Перший пункт списку

<LI> Другий пункт списку

<LI> Третій пункт списку

…………………………….

</UL>

Тег <UL> може мати параметр TYPE, який визначає зовнішній вигляд маркера. Типовими значеннями маркера є такі:

TYPE=disc – маркери відображаються зафарбованими кільцями;

TYPE= circle – маркери відображаються не зафарбованими кільцями;

TYPE=square – маркери відображаються зафарбованими квадратиками.

Наприклад:

<UL TYPE=square>

<LI> Перший пункт списку

<LI> Другий пункт списку

<LI> Третій пункт списку

…………………………....

</UL>