Базова структура HTML сторінки

Ось базова структура HTML сторінки:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Назва вашої сторінки</title>
</head>
<body>

    <!-- Ваш вміст тут -->

</body>
</html>

Ось кілька пояснень до цих рядків:

  • <!DOCTYPE html>: Визначає тип документа і версію HTML, в даному випадку, це HTML5.
  • <html lang="en">: Початок HTML документа. lang="en" вказує на мову документа (англійська), але ви можете змінити “en” на відповідний код мови.
  • <head>: Цей елемент містить метадані документа, такі як заголовок, мета-теги і посилання на зовнішні ресурси.
  • <meta charset="UTF-8">: Визначає кодування символів для документа. UTF-8 є широко використовуваним стандартом для кодування тексту.
  • <meta name="viewport" content="width=device-width, initial-scale=1.0">: Використовується для налаштування відображення і розміру екрана на мобільних пристроях.
  • <title>Назва вашої сторінки</title>: Встановлює заголовок вікна браузера, який відображається на вкладці.
  • <body>: Цей елемент містить весь вміст сторінки, який буде відображений у браузері.

Ваш власний вміст, такий як тексти, зображення, таблиці і т. д., слід розмістити між <body> тегами.