Мова розмітки
гіпертексту HTML
•Тег - це одиниця коду HTML, яка
складається з "команди", поміщеної у кутові
дужки < >
•Теги бувають відкриваючими та
закриваючими
•Закриваючі теги починаються зі знаку /
•Документи починаються і закінчуються
тегами, які позначають його початок та
кінець: <HTML> та </HTML>
•В межах документу виділяються дві області
- заголовок та власне "тіло документу".
•Заголовок оголошується тегами <HEAD> та
</HEAD>
СТРУКТУРА ВЕБ-ДОКУМЕНТА
<HTML>
<HEAD>
<TITLE> Заголовок сторінки</TITLE>
</HEAD>
<BODY>
Текст сторінки
</BODY>
</HTML>
BODY
•BGCOLOR= Вказується назва або номер
кольору, який повинен бути фоновим для
даного документу
•BACKGROUND = Вказується назва файлу із
зображенням тла
ФОРМАТУВАННЯ СИМВОЛІВ
•Для переходу на новий рядок
використовується тег <br> .
•Для виділення тексту в абзаци існують теги
<p> та </p> .
•Текст, розміщений між тегами <b> та </b>
буде жирнішим. bold
•Текст, розміщений між тегами <i> та </i> буде
написаний курсивом. italics
•Тег <hr> вставляє у документ горизонтальну
лінію.
<FONT>
•face - тип шрифта (наприклад: 'Lucida Sans',
'Arial', 'Monotype Corsiva', 'Times New
Roman')
•size - розмір шрифта (1-7)
•color - колір шрифта.
ЗАГОЛОВКИ
•Заголовки в HTML бувають шести рівнів.
•Текст розміщений всередині тегу заголовка
<h1> </h1>
СПИСКИ
•Невпорядковані
•<ul>
•type
•disk
•circle
•square
•<li>
СПИСКИ
•Впорядковані
•<ol>
•type
•1
•A
•a
•I
•i
•start
ГІПЕРПОСИЛАННЯ
•Гіперпосилання – це вказівка для браузера, до
якого об’єкта він має звернутись
<a href=“адреса переходу”> текст переходу</a>
•Внутрішні посилання – якорі
<a name=“назва якоря”> створення якоря
<a href=“#назва якоря ”> посилання на якір </a>
•Посилання на поштові скриньки
<a href=“mailto:olena@zirka.lviv.ua”> текст
</a>
КОЛЬОРИ ГІПЕРПОСИЛАНЬ
•Визначаються у тегу BODY
•LINK=колір гіперпосилань
•ALINK=у момент клацання
•VLINK=переглянуті гіперпосилання

2 1 мова розмітки гіпертексту html