MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/a3e7b5301fea

Цей переклад в процесі.

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

Шлях навчання

Найкраще розпочати вивчення веб-розробки з HTML. Почніть зі Вступу до HTML. Після цього можна розпочати вивчення більш складних тем, наприклад:

  • HTML5 APIs
  • CSS і його використання для стилізації HTML (наприклад, зміна шрифту та його розміру, додавання рамок та тіней, розбиття сторінки на декілька колонок, додавання анімації та інших візуальних ефектів.)
  • JavaScript та його викорристання  для додавання динамічних функцій веб-сторінкам (наприклад, визначити місце перебування користувача та відмітити його на мапі, додати до інтерфейсу елементи, які з'являються/зникають при натисненні на них, або ж зберегти дані користувача на його комп'ютері та багато іншого.)

Для початку навчання необхідно мати щонайменше базові знання комп'ютера та досвід в користуванні інтернетом (перегляд сайтів, відео та аудіо). Також потрібно мати основні робочі інструменти описані в розділі Встановлення основного програмного забезпечення та знати, як створювати та керувати файлами, це описано в розділі Робота з файлами. Ці два розділи знаходяться в модулі для початківців Початок роботи з WEB.

Перед вивченням рекомендується ознайомится зі статтею Початок роботи з WEB, але це необов'язково. Багато матеріалу зі статті Основи HTML більш детально охоплює модуль Вступ до HTML.

Модулі

Ця тема містить модулі, які рознашовані в порядку вивчення. Слід розпочати навчання від першого з них:

Вступ до HTML
Цей модуль надає базові знання для подальщої роботи. Він знайомить з важливими поняттями синтаксису та вчить застосовувати код HTML до тексту, створювати посилання, та створювати структуру сторінки за допомогою HTML.
Вставки мультимедіа
Цей модуль навчить використовувати HTML для вставки мультимедіа-файлів на вашу сторінку. Ви навчитеся вставляти на вашу сторінку зображення, відео, аудіо та навіть цілі сторінки.
Таблиці HTML
Відображення табличних даних на сторінці зрозумілим, доступним шляхом, може стати викликом. Цей модуль охоплює основи розмітки таблиць, а також більш складні понняття, наприклад, додавання заголовків колонок.
Формуляри HTML
Формуляри є дуже важливою частиною Web — вони забезпечують переважну частину функціональності для взаємодії з веб-сайтом, наприклад, реєстрація чи вхід, залишення коментаря, покупка продуктів та інше. Цей модуль навчить вас створювати формуляри, якими користується клієнт.

Вирішення основних проблем HTML

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

Дивіться також

HTML (HyperText Markup Language) на MDN
Основа документації HTML на MDN. Вона містить детальні описи елементу (тега) та його атрибути — якщо ви хочете знати, які атрибути та значення може мати елемент, вам варто ознайомитися з цим розділом.

Мітки документа й учасники

 Зробили внесок у цю сторінку: feel13good, hadleyel
 Востаннє оновлена: feel13good,