2 of 16

HTML -

Hyper Text Markup Language

мова розмічання гіпертексту. Стандартна мова розмічання документів у Всесвітній павутині.

Файл, написаний мовою HTML інтерпретується браузером і відображається у вигляді Веб-сторінки, у зручній для користувача формі.

3 of 16

Теги -

англ. tag - ярлик, мітка, бірка.

команди (елементи) мови HTML. Записуються у < >.

Контейнером називається пара: відкриваючий <ТЕГ> і закриваючий </ТЕГ>.

<ТЕГ>Контейнер</ТЕГ>

одинарні

парні (контейнери)

<img >

<а> … </а>

4 of 16

Структура HTML-файлу

<html>

</html>

<head>

</head>

<body>

</body>

<title>

</title>

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

Вміст Web-сторінки

Заголовок документа, вміщений у контейнер TITLE

Вміст, включений у контейнер BODY

Адреса та назва файла

5 of 16

Атрибути (параметри) тегів -

дозволяють розширити властивості окремих тегів.

одинарні

парні

<ТЕГ параметр1="значення" параметр2 = "значення">

<ТЕГ параметр1="значення" параметр2 = "значення">… </ТЕГ>

6 of 16

Головні параметри тега BODY

BACKGROUND = "шлях до графічного файлу" — задає картинку для фону
BGCOLOR = "колір" — задає колір фону, якщо не використовується фон-картинка
TEXT = "колір" — задає колір тексту на сторінці

…

</BODY>

7 of 16

Теги форматування символів

Моя перша Web-сторінка

<В> текст </В>	Товстий шрифт тексту
<І> текст </I>	Шрифт- курсив
<U> текст </U>	Підкреслений шрифт
<BIG> текст </BIG>	Великий шрифт.
<SMALL> текст </SMALL>	Малий шрифт.
<EM> текст </EM>	Виокремлений курсивом текст (тег І )

8 of 16

Теги розміщення тексту

Моя перша Web-сторінка <HR>

<P>	Цей тег означає початок нового абзацу. Його можна записувати в кінці попереднього. Між абзацами буде порожній рядок. Зауважимо, що тег <Р> може використовуватися як парний: <Р> текст абзацу </Р>
<BR>	Наступний за цим тегом текст буде наведено у новому рядку без пропуску рядка
<HR>	У рядку буде проведена горизонтальна лінія

9 of 16

Теги заголовків

Є шість видів заголовків, які відрізняються розмірами символів:

<Нn>Заголовок, що має розмір n </Нn>, де n=1-6

<Н1>Заголовок, що має розмір 1</Н1>

10 of 16

Параметри шрифтів

Щоб задати назву конкретного типу шрифта, його розмір і колір, використовують тег FONT з параметрами FACE, SIZE та COLOR.

текст

Мама мила раму

11 of 16

Вставлення графічних файлів

Деякі параметри <IMG>:

АLT	Альтернативний текст
BORDER	Товщина лінії
ALIGN	Вирівнювання (left, center або right)
WIDTH	Ширина в пікселях
HEIGHT	Висота в пікселях
TITLE	Випливаючий текст

12 of 16

Теги вставлення графічних файлів. (Прикдад)

13 of 16

Вставлення відеофайлів

За допомогою тега IMG можна вставити також відеофільм, який запускатиметься в момент відкриття web-сторінки:

1 of 16