2 of 13

МОВА HTML

Якщо переглянути джерело будь-якої веб-сторінки, то побачимо різноманітні коди, команди, часто записані у кутових дужках. Це команди мови розмітки гіпертексту HTML. Вони кажуть браузеру, як відобразити сторінку, яку ви відвідуєте.

3 of 13

МОВА HTML

Мову HTML створено у 1990 році Тімом Бернесом-Лі , а з 1996 року її розробкою та стандартизацією займається Консорціум W3C і з осені 2014 року діє стандарт цієї мови HTML5.

Мова HTML визначає спосіб опису вмісту веб-сторінок.

За оформлення веб-сторінки відповідають аркуші стилів, описані за допомогою CSS, а логіка функціонування елементів сторінки – мова JavaScript.

Тім Бернес-Лі

4 of 13

ТЕГИ МОВИ HTML

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

Деякі теги містять атрибути – додаткові параметри.

5 of 13

СТРУКТУРНІ ТЕГИ HTML

Структурні теги HTML визначають базову структуру документа HTML.

<html>, </html>	Повідомляє браузеру, що це HTML-документ. Цей тег є контейнером, який містить в собі весь вміст веб-сторінки.
<head>, </head>	Голова документу, призначена для браузера та пошукових систем.
<title>, </title>	Відображає у заголовку браузера ім'я поточного html-документа.
<body>, </body>	Призначений для зберігання тіла веб-сторінки (його контенту), що відображається у вікні браузера

6 of 13

СТРУКТУРА HTML-ДОКУМЕНТА

7 of 13

ТЕГИ ДЛЯ ФОРМАТУВАННЯ ТЕКСТУ

<p>, </p> - текстовий абзац;
<br> - примусовий перехід на новий рядок;
<hr> - визначає тематичний поділ (поділ розділів, статей). Візуально виглядає як горизонтальна лінія.

<b>, </b>	Визначає жирне накреслення тексту на сторінці.
<i>, </i>	Визначає курсивне накреслення тексту на сторінці.
<u>, </u>	Визначає підкреслений текст..
<s>, </s>	Визначає перекреслений текст.
<sup>, </sup>	Відображає текст у вигляді ^{верхнього}індексу.
<sub>, </sub>	Відображає текст у вигляді _{нижнього}індексу.

8 of 13

ДОДАВАННЯ МАЛЮНКА

Теґ <img> призначений для відображення зображення на Web-сторінці (формати зображень gif, jpeg, png та інші).

Теґ <img> має два обов'язкові атрибути атрибути:

src використовується для завантаження зображення, а саме вказує шлях до зображення від файлу HTML.
alt задає альтернативний текст для випадку, коли картинка не завантажилась або у людини є обмеження на обсяг завантаження.

Додаткові атрибути:

height - висота зображення;
width - ширина зображення.

9 of 13

ЗАВДАННЯ. СТВОРИТИ HTML-ДОКУМЕНТ

10 of 13

ОНЛАЙН РЕДАКТОР НАПИСАННЯ КОДУ

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

Робоча сторінка розбита на чотири розділи (вікна), в яких ви можете писати HTML, CSS і JavaScript код і бачити ефект в режимі реального часу.

1 of 13