Що таке HTML?

HTML (HyperText Markup Language) — мова розмітки, яка задає структуру вебсторінки: заголовки, абзаци, списки, посилання, зображення та форми. Браузер читає HTML і будує за ним документ, який ви бачите на екрані.

HTML — не мова програмування: у ній немає змінних, умов і обчислень. Вона лише описує, з яких елементів складається сторінка і в якому порядку вони йдуть. Кожен елемент записується тегом, наприклад <h1> для головного заголовка.

Правильна семантична розмітка важлива не лише для зовнішнього вигляду. За нею орієнтуються пошукові системи та програми читання з екрана: заголовок, позначений як заголовок, а не як «великий жирний текст», робить сторінку зрозумілішою і роботам, і людям.

Повʼязані терміни

CSS

CSS (Cascading Style Sheets) — мова опису зовнішнього вигляду сторінки: кольори, шрифти, відступи, розташування блоків і поведінка верстки на різних розмірах екрана. HTML задає, що є на сторінці, CSS — як це виглядає.

JavaScript

JavaScript — мова програмування, яка виконується прямо в браузері й робить сторінки інтерактивними: реагує на кліки, надсилає запити до сервера, змінює вміст без перезавантаження. З появою Node.js нею пишуть і серверну частину.

Frontend

Frontend — це частина сайту або застосунку, яка виконується у браузері користувача: верстка, стилі, анімації та вся логіка інтерфейсу. Усе, що людина бачить і з чим взаємодіє, — зона відповідальності фронтенду.

UI (User Interface) — це візуальна частина продукту, через яку людина з ним взаємодіє: екрани, кнопки, поля, іконки, шрифти, кольори та відступи. UI-дизайнер відповідає за те, як продукт виглядає і як виглядають його стани.