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

Страницата на уебсайта е обикновен текстов файл с разширение .html. Вътре в този файл се съхранява текстът на HTML страницата заедно с таговете. Този файл задължително трябва да има следните тагове: таг html, който трябва да съдържа в себе си текста на целия сайт (всичко, написано извън този таг, ще бъде игнорирано от браузъра), а вътре в него трябва да има още два тага: таг head за служебното съдържание на страницата и таг body - за основния текст, който се вижда на екрана на браузъра.

В служебното съдържание, което се намира вътре в тага head, влиза много различни неща, но засега ни трябват само две от тях. Това е тагът title, задаващ заглавието на страницата, което ще се вижда в раздела на браузъра, и тагът meta, който задава кодирането на страницата (то се поставя в атрибута charset и обикновено има стойност utf-8).

Освен това, преди тага html обикновено се пише конструкцията doctype, която посочва версията на езика HTML, на която е направен сайтът. Актуалната в момента версия на езика има номер пет и доктайпът за нея трябва да изглежда така:

html<!DOCTYPE html>

И така, нека да разгледаме основната структура на страницата:

html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>This is the title</title>
  </head>
  <body>
    This is the main content of the page.
  </body>
</html>