Введення у веб-розробку
  • Передмова
  • Починаємо
    • Вступ
    • TCP/IP протокол
    • HTTP
    • Веб-браузер
    • Веб-сервер
    • Cookies
    • Фронтенд і бекенд
    • Фреймворки
    • Редактори коду
    • Emmet
  • Git
    • Короткий опис
    • Базові Git-команди
  • HTML
    • Короткий опис
    • Теги і атрибути
    • Структура HTML-документу
    • HTML-файли
  • CSS
    • Короткий опис
    • Додавання CSS до HTML-документу
    • CSS-препроцесори
  • JavaScript
    • Короткий опис
    • Що таке ECMAScript?
    • Document Object Model
    • AJAX, JSON
    • Інструменти для збірки
    • Node.js
    • npm
  • PHP
    • Короткий опис
    • Середовище для розробки
  • MySQL
    • Короткий опис
    • Інструменти управління базами даних
  • MongoDB
    • Короткий опис
    • MongoDB shell
    • MongoDB GUI
    • Вибірка і сортування
    • Індекси
  • Linux
    • Короткий опис
  • Windows
    • Windows 10 підсистема для Linux
    • Chocolatey
    • Покращена консоль
  • Що далі?
    • Фронтенд
    • Бекенд
Powered by GitBook
On this page
  1. HTML

Структура HTML-документу

Базова структура HTML-документу:

<!DOCTYPE html>
<html>
    <head>
        <title>Заголовок документу</title>
        <meta charset="utf-8">
    </head>
    <body>
        Тут ми пишемо видимі елементи...
    </body>
</html>

Першим рядком ми вказали тип документу. Це необхідно, щоб браузер розумів, як слід інтерпретувати (тлумачити) поточну веб-сторінку. Існує декілька типів, при потребі ви зможете ознайомитись з ними в документації по HTML.

У прикладі вище (перший рядок) ми вказали, що будемо використовувати HTML 5 — найсвіжішу версію мови HTML. Також ми задали нашому документу заголовок і зазначили, що наш документ буде збережено в кодуванні UTF-8.

Шапка (тег head) містить невізуальні елементи, теги, які дозволяють підключити CSS-стилі, скрипти, задають кодування сторінки тощо. За тегом head одразу слідує тіло документу (тег body), в якому розміщують всі візуальні, видимі елементи, наприклад, заголовки, параграфи, картинки, таблиці тощо.

PreviousТеги і атрибутиNextHTML-файли

Last updated 6 years ago