Summary  
This chapter explains how HTML tags function as paired elements to define content structure and how to incorporate comments that the browser ignores.

General domain of usage  
Web page development

HTML (HyperText Markup Language) — мова, яка використовується для структурування контенту в Інтернеті. HTML-файл (`.html`) вказує браузеру, як відображати текст, зображення, списки, таблиці та інші елементи.

Визначення

## Що таке теги?
Теги — це основні будівельні блоки HTML. Вони визначають елементи, такі як абзаци, кнопки, секції та зображення. Теги записуються у кутових дужках: `<tagname>`.

Більшість тегів використовуються парами:
- Відкриваючий тег: `<tagname>`;
- Закриваючий тег: `</tagname>`.

Контент розміщується між ними.

PHNlY3Rpb24+U2VjdGlvbiBlbGVtZW50PC9zZWN0aW9uPgo8cD5QYXJhZ3JhcGggZWxlbWVudDwvcD4KPGJ1dHRvbj5CdXR0b24gZWxlbWVudDwvYnV0dG9uPg==



Цей HTML-код складається з трьох елементів:

- `<section>`: представляє секційний елемент, який зазвичай використовується для групування пов’язаного контенту;
- `<p>`: представляє елемент абзацу, який використовується для визначення блоку тексту;
- `<button>`: представляє елемент кнопки, який можна натискати для виконання дії.

Не хвилюйтеся, всі ці елементи та багато інших будуть детально розглянуті у наступних розділах. Це лише простий приклад для ознайомлення.

Опис коду

## Коментарі
Коментарі дозволяють додавати нотатки всередині вашого HTML-коду. Браузер ігнорує їх, тому вони не відображаються на сторінці.

PCEtLSBUaGlzIGlzIGEgc2luZ2xlLWxpbmUgY29tbWVudCAtLT4KCjxwPlRoaXMgaXMgYSB2aXNpYmxlIHBhcmFncmFwaC48L3A+Cgo8IS0tClRoaXMgaXMgYSBtdWx0aS1saW5lIGNvbW1lbnQuClVzZWZ1bCBmb3IgZXhwbGFuYXRpb25zIG9yIHRlbXBvcmFyaWx5IGhpZGluZyBjb2RlLgotLT4=

Як правильно обгорнути текст "My first paragraph" у HTML-тег `<p>`?

Який синтаксис використовується для додавання коментаря?

Вивчайте основи HTML (HyperText Markup Language), фундаменту веб-розробки. Цей курс для початківців охоплює теги, атрибути, елементи та структурування веб-сторінок. Отримайте практичні навички створення заголовків, абзаців, списків, зображень, посилань, форм і таблиць. Ознайомтеся з найкращими практиками, оптимізацією та веб-доступністю. Почніть свій шлях у веб-розробці з HTML.

Дослідження принципів роботи вебу. Вивчення шляхів передачі даних через мережі, ознайомлення з роллю протоколів, розкриття суті IP-адрес і доменних імен. Отримання загального уявлення про взаємодію веб-браузерів і серверів для доставки веб-контенту.

Дізнайтеся про можливості тегів для структурування контенту: від заголовків і абзаців до списків і таблиць. Ознайомтеся зі способами розширення елементів за допомогою атрибутів.

Основи структури HTML-документа. Вивчення складових HTML-документа, зокрема декларації doctype, head та body. Розуміння призначення кожного елемента та їхнього внеску в загальну структуру вебсторінки.

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

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

Розуміння тегів HTML

Що таке теги?

Коментарі

1. Як правильно обгорнути текст "My first paragraph" у HTML-тег `<p>`?

2. Який синтаксис використовується для додавання коментаря?

Розуміння тегів HTML

Що таке теги?

Коментарі

1. Як правильно обгорнути текст "My first paragraph" у HTML-тег <p>?

2. Який синтаксис використовується для додавання коментаря?

1. Як правильно обгорнути текст "My first paragraph" у HTML-тег `<p>`?