Основні теоретичні відомості.

Основні поняття

HTML - мова розмітки гіпертексту (текст який містить гіперпосилання).

Гіпертекст - це текст, в який вбудовані спеціальні коди, що управляють додатковими елементами, такими як форматування, ілюстрації та ін.

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

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

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

Браузери - спеціальні програми перегляду HTML-документів, які слугують для форматування файлів у вигляді Web-сторінок і відображення їх на екрані (Internet Explorer, Opera, Mozila)

Web-сторінки – це комплексні документи, які можуть містити будь-які види даних: текст, графіку, звук, відео, анімацію.

Теги – символи, що управляють відображенням тексту й при цьому самі не відображаються на екрані. Всі теги вміщаються у кутові дужки < > – обмежувачі, наприклад <u> (кутові дужки, усередині яких перебуває ключове слово, що визначає тег).

Більшість тегів використовуються попарно й називаються парними. Усі парні теги обов’язково складаються з:

· початкового тегу (наприклад <u>);

· кінцевого тегу (наприклад </u>);

причому, початковий тег, створює ефект, а кінцевий - припиняє його дію. Парні теги призначені для опису вмісту документу: заголовка, абзацу, елементів таблиці і та ін. Наприклад, тег <u>…</u>, використовується для завдання підкресленого виду тексту, що знаходиться між початковим та кінцевим тегами.

Крім парних, існують також одиночні теги, тобто теги, в яких існує тільки початковий тег. Відповідно до інструкцій одиночних тегів браузер виконує певні дії (наприклад, відповідно с тегом <img> виконується вставка зображення).

Параметри тегу: набори припустимих параметрів індивідуальних для кожного тегу.

Наприклад, в тегі

<p align="center"> назва документа </p>

align – є параметром, який розміщує текст між тегами <p> та </p> по центру сторінки.

2. Правила запису тегів:

· кожен тег починається з відкриваючої кутової дужки, а закінчується закриваючою кутовою дужкою;

· при записі імен тегів можна користуватися як верхнім, так і нижнім регістром, але не можна ставити пробіли;

· після ім'я тегу слідують параметри, які відділяються один від іншого пробілами;

· порядок слідування параметрів довільний;

· якщо параметр вимагає значення, то воно вказується після назви параметра через знак рівності (align =" center ");

· значення параметра може записуватися в лапках і без них (обов'язкові лапки, якщо в параметрі є пробіл );

· елемент, який включає в себе початковий тег іншого елементу, повинен містити і кінцевий тег цього елементу (виключення складають одиночні теги);

· імена в парних тегах повинні бути однаковими. Відхилення від цього правила буде вважатися помилкою.

 

Наприклад, наступні теги записані правильно:

1) <p align="center" id="p1" >текст, який міститься між даними тегами вирівнюється по центру сторінки і має ідентифікатор "p1"</p>;

2) <p align="center" id="p1" >текст, який міститься між даними тегами вирівнюється по центру сторінки і має ідентифікатор "p1" (правильно не для всіх тегів);

3) <h1 id="zag1">Заголовок першого рівня</h1>;

4) <font face="Arial" size="16pt" color="blue"> текст, який показується шрифтом Arial, який має розмір 16pt та синій колір </font>.

А наступний тег записаний неправильно:

<font face="Arial" size="16pt" color="blue"> текст, який показується шрифтом Arial, який має розмір 16pt та синій колір </font> - імена в парних тегах повинні бути однаковими.

Коментарі - текстові рядки, що не є частиною програми, а слугують для пояснення тієї чи іншої особливості HTML-коду або наміри розробника. Коментарі не виконуються браузером, вони розташовуються між групами символів <!—коментарі-->. Наприклад

<!—Це коментар-->

Елемент – це пара тегів та символьні дані, які включені між ними. Тобто елемент складається з трьох компонент: початкового тегу, вмісту і кінцевого тегу. У випадку одиночних тегів, кінцевий тег може бути опущений.

Структура документу

<HTML> сам документ </HTML> - перший тег, з якого варто починати опис (ці теги повідомляють браузер, що перед ним документ HTML).

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

1. Розділ заголовка (починається тегом <HEAD>) – надається необхідна інформація для браузера, не є обов'язковим.

2. Розділ змістовної частини. Починається тегом <BODY> тіло документа </BODY>

Крім того, звичайно, кожна Web-сторінка містить елемент <TITLE>, який представляє собою назву документу (назва може мати необмежену довжину й містити будь-які символи, крім деяких зарезервованих) Ця назва звичайно показується в заголовку вікна браузера. Тег - контейнер <TITLE> - є дочірнім елементом по відношенню до елемента <HEAD> (це означа, що елемент <TITLE>, звичайно вкладений в елемент <HEAD>). Наприклад:

<head>

                   <title>Комп'ютерний клас </title>

</head>

 

Таким чином, в самому загальному вигляді структуру Web-сторінки можна представити так:

<html>

<head>

<title>

               Назва Web-сторінки

               </title>

</head>

<body>

               Інформація на Web-сторінці

</body>

</html>