Sivun otsikkotagit

Kappaleiden lisäksi tärkeä rooli sivulla on otsikoilla. Niitä voidaan verrata kirjan otsikoihin - jokaisella luvulla on oma otsikkonsa (kyseisen luvun nimi) ja se on jaettu kappaleisiin, joilla on myös omat otsikkonsa. Pääteksti sijoitetaan sivuille kappaleisiin.

Otsikot luodaan käyttämällä h1, h2, h3, h4, h5, h6 -tageja. Niillä on eri tärkeysaste. h1 -otsikkoon tulee sijoittaa koko HTML-sivun nimi, h2 -otsikkoon - sivun osioiden nimet, h3 -otsikkoon - alaosioiden nimet ja niin edelleen.

Kaikki otsikot ovat oletusarvoisesti lihavoituja ja niillä on erikokoiset fontit (tätä voidaan muuttaa CSS:llä, mutta siitä myöhemmin). Tehdään esimerkkinä kaikki otsikkotasot:

<h1>Heading h1</h1>
<h2>Heading h2</h2>
<h3>Heading h3</h3>
<h4>Heading h4</h4>
<h5>Heading h5</h5>
<h6>Heading h6</h6>

Kopioi yllä oleva koodi ja suorita se selaimessa. Katso, kuinka otsikoiden koot eroavat toisistaan.

Tee h1 -otsikko. Alle tee h2 -otsikko, ja sen alle - kappale tekstillä. Kappaleiden jälkeen tee toinen h2 -otsikko, ja sen alle - 2 kappaletta tekstiä.