Lohkoilla <div>...</div> (division) voidaan luoda sivulle looginen rakenne. Lohkojen paikka, koko ja ulkoasu määrätään tietenkin CSS-tyyliarkilla.

Sivun taiton suunnittelu lohkojen ja CSS:n avulla on suositeltavampaa kuin taulukkotaitto tai kehysten käyttö. Lohkoissa loogisesti yhteen kuuluvat asiat ovat samassa kohdassa koodia. Taulukkotaitossa koodista tulee vaikeaselkoista ja usein sivu asettuu selainikkunaan eri tavalla kuin on suunniteltu.

<div id="valikko">
...
</div>
<div id="runko">
...
</div>

Ota selaimessasi tämän sivun lähdekoodi näkyviin ja mieti, mikä merkitys <div>-lohkoilla on. Tutki myös lohkojen määrittelyä tyyliarkissa teksti.css.

Lohkon sisältö erotetaan aina omaksi kappaleekseen. Jos haluat muotoilla tekstiä poikkeavasti kappaleen sisällä, käytä komentoa <span>.