Ось базова структура 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>
тегами.