План
1. Правила побудови HTML–документів. Структура HTML–документа.
2. Розділ змістової частини HTML–документа – BODY.
3. Заголовки всередині HTML–документів.
4. Створення таблиць. Створення зображень.
5. Створення гіперпосилань.
Технологію побудови Web–вітрини туристичної фірми.
Правила побудови HTML–документів. Структура HTML–документа
Оскільки Internet–магазини, Internet–аукціони, вуртуальні торгові майданчики – це спеціалізовані Web–сайти, для їх створення необхідно оволодіти основними прийомами Web–технології – технології створення HTML–документів.
HTML–документи – це текстові документи, для підготовки яких можна використати текстовий редактор Блокнот чи будь–який інший, що дає змогу створювати файли у текстовому форматі. Після написання HTML–файл потрібно зберегти на диску з деякою назвою з розширенням.html або.htm.
Символи, що управляють відображенням тексту і при цьому не відображаються на екрані, в мові HTML називають тегами або дескрипторами. Всі теги HTML виділяються символами–обмежувачами “<” та “>”, між якими записується ім’я тега. Web–браузер інтерпретує теги HTML і відтворює на екрані документ у тому вигляді, який йому надає розробник Web–сторінки.
Більшість тегів використовуються попарно, що дозволяє позначити початок і кінець дії відповідної команди. В цьому випадку для певного тега, що називають відкриваючим, у документі існує відповідний закриваючий тег. За правилами HTML закриваючий тег записується так само, як і відкриваючий, але з символом “/” перед іменем тега. Наприклад: <B>Моя біографія</B>.
Теги, що мають відповідні закриваючі і можуть містити інші теги, називають тегами–контейнерами. Все, що записано між відкриваючим і закриваючим тегами, називають вмістом контейнера.
Дію тега можна дещо змінити, задаючи певні атрибути (параметри). Значення параметра записують у лапках або без них безпосередньо після назви параметри через знак рівності. Якщо у значення входять прогалини, то запис лапок є обов’язковим. Приклад запису тега з параметрами:
<TABLE BORDER ALIGN=”LEFT”>.
HTML–код може містити коментарі, які не відображаються браузером, але служать для пояснення призначення сторінки або її коду.
Тег <!– – Текст – –> позначає коментар.
Коментар також можна записати всередині парного тега:
<COMMENT> Текст-коментар </COMMENT>.
Всі HTML–документи мають однакову загальну структуру. Найперший тег, який зустрічається в документі – це тег <HTML>. Він починає опис документа, а завершує його опис тег </HTML>. Між тегами <HTML> і </HTML> розміщають сам документ (тіло документа):
<HTML>
тіло документа
</HTML>
Документ може складатися з двох розділів – розділу заголовку (починається тегом HEAD) і розділу змістової частини доркумента (починається тегом BODY).
Завданням заголовку є надання потрібної інформації для програми, що інтерпретує документ. Розділ заголовка відкривається тегом <HEAD>. Завершальний тег </HEAD> вказує на кінець розділу заголовку Теги, що знаходяться всередині розділу HEAD, окрім назви документа, що описується за допомогою тега <TITLE>, не відображаються на екрані.Таким чином, структура HTML–документа має такий вигляд:
<HTML>
<HEAD>
<TITLE> Заголовок документа </TITLE>
</HEAD>
<BODY>
Змістова частина документа
</BODY>
</HTML>
Заголовок HTML–документа призначений для розміщення технічної інформації про документ. Це – контейнер для таких тегів: TITLE, BASE, LINK, META. Тег <TITLE>є єдиним обов’язковим тегом заголовку. Між тегами <TITLE>…</TITLE> записують назву документа, яка відображатиметься у заголовку Windows–вікна під час перегляду Web– сторінки браузером.
