Structura de bază a unei pagini HTML

O pagină de site este un simplu fișier text cu extensia .html. În interiorul acestui fișier este stocat textul paginii HTML împreună cu tag-urile. Acest fișier trebuie să aibă în mod obligatoriu următoarele tag-uri: tag-ul html, care trebuie să conțină în el textul întregului site (tot ceea ce este scris în afara acestui tag va fi ignorat de browser), iar în interiorul lui trebuie să fie încă două tag-uri: tag-ul head pentru conținutul de serviciu al paginii și tag-ul body - pentru textul principal, care este vizibil pe ecranul browser-ului.

În conținutul de serviciu, care se află în interiorul tag-ului head, intră multe lucruri diferite, dar deocamdată avem nevoie doar de două dintre ele. Acestea sunt tag-ul title, care definește titlul paginii, care va fi vizibil în fila browser-ului, și tag-ul meta, care definește codarea paginii (aceasta este setată în atributul charset și are de obicei valoarea utf-8).

În plus, înaintea tag-ului html se scrie de obicei constructia doctype, care indică versiunea limbajului HTML, în care este făcut site-ul. Versiunea actuală a limbajului are numărul cinci și doctype-ul pentru ea ar trebui să arate așa:

<!DOCTYPE html>

Așadar, să ne uităm la structura de bază a paginii:

<!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>

Creați un fișier cu extensia .html. Copiați în el structura de bază a paginii. Salvați fișierul. Apoi deschideți-l în browser trăgând fișierul cu mouse-ul sau făcând dublu clic pe el.