Приклад2

<HTML>

<HEAD>

<TITLE>Домашня сторінка Андрія Сергієнка</TITLE>

</HEAD>

<H1><Center>Ласкаво просимо до Андрія</Center></H1>

<H2>Запрошуються всі бажаючі!</H2>

Я радий вас вітати на моїй Web-сторінці.

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

<ADDRESS>АНДРІЙ CЕРГІЄНКО-Andrey@academy.kiev.ua</ADDRESS>

</BODY>

</HTML>

Створити цю просту сторінку можна, наприклад, так:

1. Запустити текстовий редактор Блокнот.

2. Ввести текст HTML-документа. Зберегти під деяким іменем із розширенням .htm (наприклад, Struktura.htm). При збереженні, у вікні «Сохранение документа» слід поміняти тип файла з «Текстовые документы» на «Все файлы». Інакше редактор у кінець назви файла автоматично додасть розширення .txt.

4. Запустити програму Internet Explorer.

5. За допомогою меню «Файл -> Открыть» відкрити створений файл (Struktura.htm).

Контейнер <HTML></HTML> є ознакою того, що даний файл містить документ HTML. У HTML-документах є «голова» (заголовок) і «тіло» (основна частина). Розділ <HEAD></HEAD> містить дескриптори, які описують документ в цілому. Зокрема, тут вказується назва документа. Контейнер <TITLEX/TITLE> служить для задания назви документа. Текст, включений в нього, відображається у верхній частині вікна броузера. Назва сторінки — це один з елементів, які мають важливе значення для привернення уваги «відвідувачів». Вона повинна відображати зміст сторінки. Системи пошуку орієнтуються саме на назву сторінки, тому сторінка із змістовною назвою має більше шансів бути вибраною у процесі проведення пошуку інформації з конкретної теми.

Контейнер <BODY></BODY> задає основну частину документа — його «тіло». Інформація, розміщена між дескрипторами <BODY> та </BODY>, відображається в області документа.

Приклад простої Web-сторінки з використанням горизонтальних ліній га гіперпосилань .

Приклад3.

<html>

<head>

<tittle><h1><center>АСТРОНОМІЯ </h1></center></tittle>

</head>

<imgпsrc="E:\Картинки\Nature\Animals\135087.jpg" width=10%></a></marquee>

<ALIGN="Right"><a href="E:\Музыка\Kazu Matsui\2005 - The Stone Monkey\05-red_forest.mp3">музика</a>

<lh><a href="E:\Информация\333.htm" target="right"><H3><ALIGN="LEFT"><UL>ПУНКТИКИ:</H3></UL></a></lh>

<li><a href="E:\Информация\Астро.htm "target="right">розділ 1. Астрономія як наука.</a></li>

<LI><a href="E:\Информация\123.htm" target="right">Розділ 2. Коли ж і як зародилася наука про Всесвіт? </li></a>

<LI><a href="E:\Информация\12.htm" target="right">Розділ 3. Сонячна система </li></a>

<LI><a href="E:\Информация\1234.htm" target="right">Розділ 4. Астрономічні символи </li></a>

<LI><a href="E:\Информация\12345.htm" target="right">Розділ 5. Що ми знаємо про Марс. </li></a>

<LI><a href="E:\Информация\123456.htm" target="right">Розділ 6. Сонячні і місячні затьмарення.</li></a>

</html>

Крім контейнера <TITLE>...<TITLE> у заголовок документа (контейнер <HEAD>.... </HEAD>) часто включаються дескриптори <BASE>, <META>.

Дескриптор <BASE> використовується для вказування повної URL адреси документа. Це дозволяє підтримувати відносні гіперпосилання в робочому стані при переміщенні документа в інший каталог і навіть на інший комп'ютер. Адреса URL задається за допомогою атрибута HREF, наприклад,

Докладніше цей дескриптор описано при розгляді гіперпосилань.

Дескриптор <МЕТА> дозволяє автору документа описати інформацію або виконати дії, які ще не підтримуються офіційною версією HTML. Він найчастіше використовується завдяки його властивості Keywords (ключові слова). У багатьох пошукових системах використовуються слова, визначені в цьому елементі для складання вказівника документа. Наприклад,

<МЕТА NAME="Keywords" CONTENT ="внз, університет, фізика, математика, інформатика">

<МЕТА NAME="Description" CONTENT="Cтopiнкa фізико-метематичного факультету">

Цей дескриптор дозволяє також задати метаінформацію про кодову сторінку, яка використовується для кодування літер кирилиці:

<МЕТА content^"text/html; charset=Windows-1251" http-equiv=Content-Type> Контейнер <BODY> має велику кількість атрибутів, важливих для визначення загального виду документа. Основні з цих атрибутів задано в таблиці 1.1.

Таблиця 1.1.Основні атрибути контейнера <BОDY>

АТРИБУТ	ПРИЗНАЧЕННЯ
ALINK	Визначає колір, яким виділяється активне гіперпоси-лання
BACKGROUND	Вказує URL зображення, яке слід використовувати як фон документа
BGCOLOR	Визначає колір фону документа
LINK	Визначає колір гіперпосилання, яке не було «відвідане»
TEXT	Визначає колір тексту документа
VLINK	Визначає колір гіперпосилання, яке було «відвідане»

В наступному прикладі наводиться код сторінки з синім фоном:

<НТМL>

<HEAD>

<ТІТLЕ> Сторінка з фоном </TITLE>

</HEAD>

Білий текст на синьому фоні

</BODY>

</НТМL>

Докладніше про використання на Web-сторінці кольору і графічних зображень буде розглянуто в розділі Web-графіка.

Контрольні запитання

1.Яку мережу називають Internet?

2. Поясніть призначення стеку протоколів TCP/IP.

3. Що називається ІР-адресою?

4. Що називається Web-сторінкою?

5. Що називається Web-сайтом?

6. За якими правилами записується URL документа?

7. Яке основне призначення мови HTML?

8. Що називають дескриптором (тегом)?

9.Що таке атрибут (параметр) дескриптора?

10. Яку загальну структуру мають HTML-документи?

11. Для чого для документа створюється метаінформація?

12. Назвіть параметри дескриптора <BODY> та їх призначення.