1. Вступ до HTML
Що таке HTML?
HTML — це мова розмітки гіпертексту.
HTML використовується для створення структури веб-сторінки.
Структура документа HTML:
: визначає тип документа.
: корінний елемент.
: містить метадані (наприклад, заголовок).
: містить вміст сторінки.
2. Основні теги HTML
Почнемо з вивчення найпоширеніших тегів:
Теги форматування тексту:
Заголовки:
Heading 1
Heading 2
Heading 3
``` > Параграфи: ```
Це параграф.
``` > Стилі тексту: ``` Жирний текст Курсивний текст ``` ## Посилання та зображення: > Посилання: ``` Натисни тут ``` > Зображення: ``` ``` ## Списки: > Ненумерований список: ```
Елемент 1
Елемент 2
``` > Нумерований список: ```
Перший елемент
Другий елемент
``` --- ## 3. Атрибути HTML Атрибути надають додаткову інформацію про елементи. Глобальні атрибути: id: Унікальний ідентифікатор для елемента. class: Присвоює клас для стилізації за допомогою CSS. style: Додає інлайн-стилі (наприклад, колір, розмір). > Приклад: ```
Hello World
``` --- ## 4. Створення простих проектів Практика з маленькими проектами: > 1. Базова веб-сторінка: Створіть веб-сторінку з заголовком, параграфом і посиланням. ```
Ласкаво просимо на мою сторінку
Це моя перша веб-сторінка.
Перейти до Google ``` > 2. Додавання зображень і списків: ```
Мої улюблені фрукти
Яблуко
Банан
Апельсин
``` --- ## 5. Інструменти для практики HTML Використовуйте редактор коду, наприклад, Visual Studio Code, Notepad++ або CodePen. Відкрийте свій .html файл у браузері, щоб побачити результати. --- ## 6. Наступні кроки Коли ви освоїте основи: Експериментуйте з іншими тегами, такими як , , і . Поєднуйте HTML з CSS для додавання стилів.
Перекладено з: [HTML BEGINNER-LEVEL ROADMAP](https://medium.com/@kfizza_1/html-roadmap-587571b60955)