41458 (World Wide Web и HTML /Укр./), страница 4

У - жирний (Bold);

I - курсив (Italic);

U - з підкресленням (Underline);

S - з перекресленням (STRIKE);

Нижче наведена таблиця команд виділення тексту.

Текст, що відображається	Запис в форматі HTML
Виділення тексту жирним шрифтом	Виділення тексту жирним шрифтом
Виділення тексту курсивом	Виділення тексту курсивом
Виділення тексту підкресленням	Виділення тексту підкресленням
Виділення тексту перекресленням	Виділення тексту перекресленням

Для зміни розміру текстових символів скористайтеся командами:

, де i в межах від 1 до 7 відносно початкового розміру букв.

Крім того, можна збільшити або зменшити висоту шрифту за допомогою команд і . Ці команди використовуються в парі з командами і .

Ще дві пари команд:

_і - підрядковий індекс, наприклад, H2SO4.

^і - надрядковий індекс, наприклад, (a2 - b2) = (а - b)(а + b).

Всі вищенаведені команди визначають фізичне форматування символів. Ви задаєте конкретну зміну характеристик символів.

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

	Цитата
	Особливо важливий текст
	Сильне виділення тексту
	Текст, введений користувачем
	Лістинг програми
	Послідовність літералів
	Ім'я змінної

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

Шрифт задається за допомогою команди: FONT FACE

2.6. Управління кольором

Кольори і зображення фону задаються за допомогою команди .

Ця команда може задаватися тільки на початку HTML файла і не може бути змінена надалі. Її параметри:

bgcolor = “# код кольору” - колір фону документа,

text = “# код кольору” - колір тексту документа,

link = “# код кольору” - колір тексту, що використовується як посилання,

vlink = “# код кольору” - колір посилання на переглянутий раніше документ,

alink = “# код кольору” - колір посилання в момент натиснення на неї правої кнопки миші.

Код кольору задається в кодуванні RGB - шість шістнадцяткових чисел.

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

Білий = FFFFFF	Малиновий = FF00FF
Жовтий = FFFF00	Бірюзовий = 008080
Червоний = FF0000	Темно-синій = 000080
Сірий = 808080	Коричневий = 808000
Синій = 0000FF	Блакитний = 00FFFF
Зелений = 00FF00	Темно-зелений = 008000,
Чорний = 000000	Індиго = 800080
Пурпурний = CC33FF	Темно-червоний = 800000

Для зміни кольору поточного тексту можна в будь-якому місці домашньої сторінки скористатися командами: Поточний текст

Визначено декілька іменованих кольорів. Їх значення ми бачимо в таблиці:

Якщо Ви хочете створити “шпалери”, тобто кольоровий фон з використанням Image-файла з ім'ям, наприклад, Ground.gif, то замість параметра BGCOLOR записуємо: BACKGROUND = “Ground.gif”

Якщо при цьому ви хочете, щоб фонове зображення не рухалося, тобто щоб створився ефект “водяних знаків”, то задайте додатковий параметр:

BACKGROUND = “Ground.gif” BGPROPERTIES=FIXED

2.7. Використання спеціальних символів

У мові HTML символ < використовується як перший символ кожної команди.

Цей символ не може бути використаний для позначення відношення “менше”. Для відображення на екрані символа < (“менше”) і деяких інших символів в HTML прийняті спеціальні позначення:

Текст, що відображається	Запис в форматі HTML
<	<
>	>
&	&
“	"

Мова HTML завжди зменшує кількість підряд розташованих пропусків до одного, незалежно від того, скільки пропусків було в початковому тексті. Для того, щоб задати необхідну кількість підряд розташованих пропусків потрібно скористатися спеціальним символом пропуску:  .

Наприклад, в наступному записі початкового тексту: (А     У) в тексті, що відображається між символами А і В буде 3 пропуски.

При необхідності зобразити на екрані команду мови HTML виникає додаткова проблема - редактор може перетворити її у відповідну команду прямо в початковому тексті.

І замість відображення відповідної команди на екрані Ви отримуєте розташований по центру текст в наступних рядках. Щоб цього уникнути, можна, наприклад, вставити всередину команди дві парні команди. Наприклад, вищенаведену команду потрібно записати таким чином:<CENTER>

2.8. Створення таблиць

Таблиця створюється за допомогою команд

і .

Команда

може мати наступні параметри:

- UNITS - може приймати значення RELATIVE або PIXELS. Визначає одиниці вимірювання в інших параметрах. По замовчанню, UNITS = PIXELS.

- BORDER - визначає лінії, що розмежовують клітки в таблиці. Ширина лінії задається командою BORDER = N.

- CELLPADDING - Визначає мінімальний проміжок навколо вмісту таблиці.

- BGCOLOR - Визначає колір фонового зображення в таблиці.

Є ще декілька команд, задаючих колір обрамлення: BORDERCOLOR, BORDERCOLORDARK, BORDERCOLORLIGHT, але вони використовуються тільки в Microsoft Internet Explorer.

Для формування таблиці, що складається з декількох рядків, використовують команду , що розділяє рядки. Команди і використовуються для позначення заголовка стовпця кліток.

Параметри ROWSPAN і COLSPAN команд і використовуються для формування кліток даних, що об'єднують більше за один рядок або стовпець.

2.9. Вбудування гіпертекстових посилань

Перехід в інше місце того ж документа.

Для організації переходу всередині одного HTML - файла потрібно ввести необхідний текст в двох місцях:

- Записати мітку в тому місці HTML - файла, куди необхідно перейти.

- Записати перехід на цю мітку в тому місці, звідки буде виконаний перехід.

Для організації мітки записують: , де МІТКА - будь-яке ім'я, що складається з букв англійського алфавіта і цифр.

Для переходу на цю мітку запишіть:Перейти на мітку.

Перехід в інший документ тієї ж сторінки.

Для переходу з будь-якого місця HTML-файла h1.html в початок HTML-файла h2.html потрібно записати: Перехід до розділу h2.

Перехід в інший документ.

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

Гіпертекстові посилання вводяться в HTML-файл за допомогою уніфікованого локатора ресурсів - URL.

Цей локатор визначає правила написання різних видів посилань.

Нижче приводяться найважливіші префікси для URL:

Префікс URL	Функція
FTP://	Посилання на сервер FTP
HTTP://	Посилання на об'єкт, який буде передаватися з використанням протоколу HTTP
FILE://localhost	Посилання на локальний диск
GOPHER://	Посилання на сервер Gopher
MAILTO://	Посилання на електронну поштову адресу
NEWS://	Посилання на електронну конференцію
NNTP://	Посилання на сервер електронної конференції
TELNET://	Посилання на сервер електронної конференції

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

При натисненні лівої кнопки миші на текст Перехід по гіпертекстовому посиланню Ви перейдете на ресурс, заданий в URL. Для повернення скористайтеся клавішею “Back” броузера.

Виведення на екран.

Зображення можуть бути виведені на екран так само, як текст. Файли зображення можуть бути задані в декількох різних форматах, найкращі з яких - GIF (файли *.gif) і JPEG (файли *.jpg).

Нижче приводиться формат команди:

, де:

- ІМ'Я ФАЙЛА - це ім'я даного файла у вашій сторінці або повне ім'я шляху і файла, якщо файл не належить даній сторінці.

- Текст - це текст, що виводиться замість зображення, якщо файл зображення по якийсь причині недоступний.

- DIRECTION - місце розташування зображення. Приймає наступні можливі значення:

ALIGN=TOP - подальший текст розташовується у верхній частині зображення.

ALIGN=BOTTOM - подальший текст розташовується в нижній частині зображення.

ALIGN=LEFT - зображення розташовується в лівій частині листа. Текст обтікає зображення праворуч.

ALIGN=MIDDLE - зображення розташовується в центрі листа.

ALIGN=RIGHT - зображення розташовується в правій частині листа. Текст обтікає зображення ліворуч.

WIDTH = WIDTH - ширина необхідного зображення на екрані,

HEIGHT = HEIGHT - висота необхідного зображення на екрані.

Гіпертекстові посилання за допомогою зображення.

Допустимо, що Ви виводите на екран зображення IMAGE-файл, який називається, наприклад, image.gif.

Якщо Ви хочете організувати сторінку так, щоб при натисненні лівої кнопки миші на зображення, перейти на іншу домашню сторінку, наприклад, на:

HTTP://WWW.HOME.COM,

потрібно записати наступну команду:

<А href= “HTTP://WWW.HOME.COM”>

Створення посилання на поштову адресу.

Наприклад моя поштова адреса в GEOCITIES.COM: info@geocities.com

Для організації посилання в моїй домашній сторінці на мою поштову адресу необхідно записати в кінці головного розділу домашньої сторінки:

<А href = mailto: info@geocities.com > Перейти на мою поштову адресу

У наступній строчці необхідно задати таке ж посилання з допомогою аплікації MAIL12.GIF замість тексту:

<А href = mailto: info@geocities.com >

2.10. Кадри.

Команди роботи з кадрами.

Ви можете розділити екран на декілька незалежних віконних кадрів, кожний з яких відображає окремий HTML документ.

На екрані кадри являють собою прямокутники. У HTML використовуються наступні команди роботи з кадрами:

, - визначають склад і розміри кадрів на екрані,

, - визначають HTML-файл для кожного кадру,

, - для повідомлень броузеру, що не обробляє кадри.

Формат команди FRAMESET.

Команда ділить ціле вікно (або частину вікна, визначену попередньою командою FRAMESET) на декілька вертикальних (параметр COLS) або горизонтальних (параметр ROWS) кадрів. Кожний з цих кадрів може визначати HTML-файл, що відображається в ньому (за допомогою команди FRAME) або, відповідно, ділитися далі за тими ж правилами з вкладеною командою FRAMESET.

По кінцю визначення кадрів, що задаються командою FRAMESET, необхідно записати команду /FRAMESET, інакше вони можуть бути побудовані неправильно.

Формат параметрів COLS і ROWS.