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ä:

html<!DOCTYPE html>

Joten, katsotaanpa sivun perusrakennetta:

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>