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

Сторінка сайту – це звичайний текстовий файл із розширенням .html. Всередині цього файлу зберігається текст HTML сторінки разом з тегами. Цей файл обов’язково повинен мати такі теги: тег <html>, який повинен містити в собі текст всього сайту (все, що написано поза цим тегом, браузером буде проігноровано), а всередині нього мають бути ще два теги: тег <head> для службового вмісту сторінки та тег <body> для основного тексту, який видно на екрані браузера.

У службовий вміст, що розташовується всередині тегу <head>, входить багато різних речей, але поки що нам потрібні тільки дві з них. Це тег <title>, який задає назву сторінки, що буде видно у вкладці браузера, і тег <meta>, який задає кодування сторінки (вона ставиться в атрибуті charset і зазвичай має значення utf-8).

Крім того, перед тегом <html> зазвичай пишеться конструкція doctype, яка вказує версію мови HTML, на якій створено сайт. Актуальна зараз версія мови має номер п’ять і доктайп має виглядати так - <!DOCTYPE html>.

Отже, погляньмо на основну структуру сторінки:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Це заголовок тайтл</title> </head> <body> Це основний вміст сторінки. </body> </html>

Створіть файл із розширенням .html. Скопіюйте у нього основну структуру сторінки. Збережіть файл. Потім відкрийте його в браузері.