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 кеңейтімімен файл жасаңыз. Оған беттің негізгі құрылымын көшіріңіз. Файлыңызды сақтаңыз. Содан кейін оны браузерде ашыңыз, файлды тінтуірмен сүйреп немесе олған қос түртеді орындап.