HTML (HyperText Markup Language) — це мова розмітки, за допомогою якої створюють структуру веб-сторінок. Вона не є мовою програмування, але без неї неможливо уявити жоден сайт. HTML каже браузеру, де розмістити заголовок, абзац, картинку, кнопку чи посилання.
Для чого потрібен HTML
HTML використовується для створення каркасу сторінки. Саме завдяки цій мові комп’ютер “розуміє”, як виглядатиме сайт: де мають бути тексти, зображення, таблиці, кнопки.
Основні функції HTML:
-
🧱 Визначає структуру сторінки
-
📌 Додає заголовки, списки, таблиці
-
🌐 Встановлює посилання між сторінками
-
🖼️ Відображає зображення та відео
-
⚙️ Працює у зв’язці з CSS та JavaScript
Як виглядає HTML-код
HTML складається з тегів — це спеціальні слова в кутових дужках. Теги можуть відкриватися і закриватися. Наприклад:
Найпоширеніші теги HTML:
-
<html>— початок документа -
<head>— службова інформація (назва сторінки, кодування) -
<body>— основна частина сторінки -
<h1>...<h6>— заголовки різних рівнів -
<p>— абзац -
<a href="">— посилання -
<img src="">— зображення -
<ul>,<ol>,<li>— списки
Як створити просту HTML-сторінку
Щоб зробити перший сайт, потрібно лише текстовий редактор (наприклад, Блокнот) і браузер. Ось базова структура:
Кроки:
-
Відкрий Блокнот або інший редактор
-
Скопіюй код вище
-
Збережи файл з розширенням
.html -
Відкрий файл у браузері
HTML та сучасна веб-розробка
HTML — це лише частина сайту. Щоб він виглядав гарно й працював динамічно, додають:
-
CSS — стилі, кольори, шрифти, розмітка
-
JavaScript — інтерактивність, кнопки, форми
-
Фреймворки — Bootstrap, React, Vue
Однак HTML — це фундамент. Без нього нічого не працюватиме.
Висновок
HTML — це перший крок у світ веб-розробки. З його допомогою створюються всі сайти в інтернеті. Він простий у вивченні, зрозумілий навіть дітям і чудово підходить для старту в ІТ. Якщо ти хочеш навчитися створювати власні сайти — почни з HTML.