HTML-sivun perusrakenne

Verkkosivu on tavallinen tekstitiedosto tunnisteella .html. Tämän tiedoston sisällä säilytetään HTML-sivun teksti yhdessä tägien kanssa. Tiedoston tulee sisältää välttämättä seuraavat tägit: html -tägi, joka tulee sisältää koko sivuston tekstin (kaikki, mikä on kirjoitettu tämän tägin ulkopuolelle, selaimeen ohitetaan), ja sen sisällä tulee olla kaksi muuta tägiä: head -tägi sivun palvelusisällölle ja body -tägi - päätekstille, joka näkyy selaimen näytöllä.

Palvelusisältöön, joka sijaitsee head -tägin sisällä, kuuluu monia eri asioita, mutta tarvitsemme tällä hetkellä vain kaksi niistä. Nämä ovat title -tägi, joka asettaa sivun nimen, joka näkyy selaimen välilehdessä, ja meta -tägi, joka asettaa sivun merkistökoodauksen (se asetetaan charset -attribuuttiin ja sen arvo on yleensä utf-8).

Lisäksi, ennen html -tägiä yleensä kirjoitetaan doctype -rakenne, joka ilmaisee HTML-kielen version, jolla sivusto on tehty. Ajankohtainen versio kielestä on numero viisi ja doctype sille tulee näyttää tältä:

<!DOCTYPE html>

Joten, katsotaanpa sivun perusrakennetta:

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

Luo tiedosto tunnisteella .html. Kopioi siihen sivun perusrakenne. Tallenna tiedostosi. Avaa se sitten selaimessa raahaamalla tiedosto hiirellä tai suorittamalla kaksoisklikkaus tiedostoon.