- •1Правила побудови html-документів
- •1.1Мова html
- •1.2Історія розвитку html
- •1.3 Основні елементи мови htMl
- •1.4 Групи тегів html
- •1.5 Розділ head документа
- •Назва документа
- •1.6 Розділ документа body
- •2.Форматування тексту
- •2.1Теги рівня блоку і послідовні теги
- •2.2 Логічне та фізичне форматування
- •2.3 Теги логічного форматування
- •2.4 Теги фізичного форматування тексту
- •Мал. Використання вкладених тегів форматування тексту
- •Мал. 1.4. Отображение примера браузером Opera
- •Мал. 1.6. Призначення розмірів шрифтів
- •3.Форматування html-документа
- •3.1Поділ на абзаци
- •3.2Заголовки внутри html-документа
- •3.3 Горизонтальні лінії
- •Мал. 1.10. Так цитата виглядає у вікні браузера Opera
- •3.5 Спеціальні символи
- •4. Посилання на інші документи та файли
- •4.1 Організація посилань
- •4.2 Правила запису посилань
- •4.3Внутрішні посилання
- •4.4 Посилання на документи різних типів
- •5.Створня web-сайту
- •5.1 Початок створення web-сторінки
- •Створення шапки за допомогою html коду:
- •Висновок
- •Список використаних джерел
Назва документа
Тег-контейнер <TITLE> є єдиним обов'язковим тегом заголовка і служить для того, щоб дати документові назву. Воно зазвичай показується в заголовку вікна браузера. Тег <TITLE> не можна плутати з назвою файлу документа; навпаки, він являє собою текстовий рядок, абсолютно незалежну від імені і розташування файлу, що робить його дуже корисним. Ім'я файлу жорстко визначається операційною системою комп'ютера, на якому він зберігається. Також слід відрізняти назву документа (з тегом <TITLE>) від заголовків всередині документа, зазвичай размечаемых тегами <Hx>.
Тег <BASE>
Тег <BASE> служить для вказівки повного базового URL-адреси документа. З його допомогою відносне посилання продовжує працювати, якщо документ переноситься в інший каталог або на інший комп'ютер. Тег <BASE> працює аналогічно команді path MS-DOS, що дозволяє програмі перегляду визначити посилання на шуканий документ, навіть якщо вона знаходиться в старшому по ієрархії документі, розташованому на іншому комп'ютері.
Тег <BASE> має один обов'язковий параметр HREF, після якого вказується повний URL документа. Нижче показаний приклад використання тега <BASE>.
<HTML>
<HEAD>
<TITLE>визначення базової адреси</TITLE>
<BASE HREF="//www.my_host.ua/~sergeev">
</HEAD>
<BODY>
<IMG SRC=/gifs/news.gif" ALT="News">
</BODY>
</HTML>
Тег <BASE> вказує браузеру, де шукати файл. У випадку, якщо користувач працює з копією файлу і його машина не відключена від мережі, зображення піктограми News буде знайдено і показано у вікні браузера.
Тег <LINK>
Навіть якщо тег <BASE> дозволяє знайти файл, залишається відкритим питання про взаємини документів. Важливість цих відносин зростає пропорційно зростанню складності ваших документів. Для того щоб підтримувати логічний зв'язок між ними, в HTML введений тег <LINK>.Тег <LINK> вказує на зв'язок документа, що містить даний тег і іншого документа або об'єкта. Він складається з URL-адреси та параметрів, що конкретизують відносини документів. Заголовок документа може містити будь-яку кількість тегів <LINK>. Табл. 1.1 описує параметри тега <LINK> та їх функції.
Таблиця 1.1. Параметри тега <LINK>
Параметр |
Призначення |
HREF |
Вказує на URL-адресу іншого документа |
REL |
Визначає відношення між поточним документом |
REV |
Визначає відношення між іншим документом і поточним (ставлення, зворотне REL) |
TYPE |
Вказує тип і параметри приєднаної таблиці стилів |
<LINK HREF="mailto:sergeev@mail.ifmo.ru" REV="made">
Перший рядок вказує на зв'язок з файлом змісту документа (toc.html — table of contents) з прямим відношенням contents. Другий рядок описує зв'язок з URL-адресою автора документа (із зворотним відношенням made).
Між документами може існувати безліч різних відносин. Приклади інших значень параметра REL: bookmark, copyright, glossary, help, home, index, toc, next, previous. Параметр REV може приймати значення:
Тег <META>
Розробка нових специфікацій мови розмітки гіпертексту займає чималий термін, і за цей час компанії, що виробляють браузери, встигають випустити кілька версій своїх продуктів. Тому в розділ заголовка може бути доданий ще один тег <META>, що дозволяє авторам документа визначати інформацію, що не має відносини до HTML.
Ця інформація використовується браузером для дій, які не передбачені поточної специфікацією HTML. Тег <META> вам знадобиться для створення перших HTML-документів, але він вам напевно знадобиться, коли ваші сторінки стануть більш складними.
Приклад:
<META HTTP-EQUIV="refresh" CONTENT="60" RL="www.my_host.ru/homepage.html">
Браузери Netscape Navigator і Internet Explorer зрозуміють цю запис як інструкцію чекати 60 секунд, а потім завантажити новий документ. Така інструкція часто використовується при зміні місцезнаходження документів. Невеликий документ з наведеної рядком може бути залишений на старому місці документа для автоматичної посилання на його нове місце розташування. Наступний рядок:
<META HTTP-EQUIV="refresh" CONTENT="60">
інструктує браузер перезавантажувати сторінку кожні 60 секунд. Це може бути корисно, якщо дані на сторінці часто оновлюються, наприклад, у разі відстеження котирувань акцій.
Стало дуже популярним застосування елемента <META> для вирішення деяких типових завдань. В якості прикладу можна навести вказівку ключових слів, що використовуються пошуковими системами. Цей спосіб дозволяє включати в індекс документа додаткові слова, які можуть явно не входити в його зміст. Для цього в тегу <META> в якості значення параметра NAME вказується ім'я деякого властивості.
Таблиця 1.2. Параметри тегу <META>
Параметр |
Призначення |
HTTP-EQUIV |
Визначає властивість для тега |
NAME |
Забезпечує додатковий опис тега. Якщо цей параметр опущений, то він вважається еквівалентним параметру HTTP-EQUIV |
URL |
Визначає адресу документа для властивості |
CONTENT |
Визначає обчислене значення для властивості |
Ще одне важливе призначення тега <META> — це вказівка кодування тексту. Так, для тексту російською мовою в кодуванні Windows потрібно записати наступну сходинку:
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">
Інші елементи заголовка
У розділі заголовка документа можуть бути присутні ще два тега — <STYLE> і <SCRIPT>. Їхнє призначення пов'язане з використанням таблиць стилів в документі і записом скриптів.