Основна структура на 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>This is the title</title>
	</head>
	<body>
		This is the main content of the page.
	</body>
</html>

Създайте файл с разширение .html. Копирайте в него основната структура на страницата. Запазете вашия файл. След това го отворете в браузъра, като го плъзнете с мишката или извършите двойно кликване върху него.