Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Базова Структура HTML-Документа | Секція
Основи HTML

bookБазова Структура HTML-Документа

Свайпніть щоб показати меню

Кожна HTML-сторінка має однакову базову структуру. Вона визначає, як браузер повинен розуміти та відображати вміст.

Ось простий приклад HTML-документа:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>My First Page</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <p>This is my first web page.</p>
  </body>
</html>

Основні частини документа

  1. <!DOCTYPE html>: вказує браузеру використовувати сучасний стандарт HTML5;
  2. <html>: кореневий елемент. Усі елементи сторінки розміщуються всередині цього тегу;
  3. <head>: містить інформацію про сторінку, яка не відображається користувачам. Типові елементи:
    • <title>: задає назву вкладки браузера;
    • <meta charset="UTF-8">: забезпечує коректне відображення тексту.
  4. <body>: містить усе, що бачать користувачі на сторінці:
    • текст;
    • зображення;
    • посилання;
    • кнопки.

Як це розуміти

<head> → налаштування сторінки. <body> → вміст сторінки.

Note
Примітка

Поки що не потрібно все запам'ятовувати. Зосередьтеся на розпізнаванні структури. Ви будете використовувати її у кожному HTML-файлі.

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 1. Розділ 3

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Секція 1. Розділ 3
some-alt