2.9 Otsikot (headers)

Kuten varmaan huomasit, tuon font-tunnisteen käyttäminen tekee koodista aika epäselvän näköistä. Esimerkiksi suurehkon otsikon tekeminen vaatisisi seuraavanlaisen koodin:

<font size="5"><strong>Iso otsikko</strong></font>
<br>
<br>
<p>normaalia leipätekstiä...</p>

Iso otsikko

normaalia leipätekstiä...

Otsikot ovat kuitenkin sivun rakenteen kannalta keskeisiä elementtejä, joten niitä varten on omat tunnisteet. Otsikko ja kuutta eri tasoa (1-6), joista ensimmäinen taso on pääotsikko (kaikista suurin) ja siitä sitten edetään alaotsikoihin:

Esimerkki

<h1>Otsikkotaso 1: Luku 3</h1>
<h2>Otsikkotaso 2: Luku 3.2</h2>
<h3>Otsikkotaso 3: Luku 3.2.1</h3>
<h4>Otsikkotaso 4: Luku 3.2.1.1</h4>

<h5>Otsikkotaso 5: Väliotsikko 1 tms.</h5>
<h6>Otsikkotaso 6: Väliotsikko 2 tms.</h6>
<p>Tavallista leipätekstiä</p>

Esimerkkisivu avautuu poikkeuksellisesti uuteen ikkunaan.