Spletna stran je zbirka nevidnih polj ali elementov.

Koliko polj je znotraj največjega polja, ki ga imenujemo body, je odvisno od tega, kakšno spletno stran želimo oziroma kako bi radi uredili kodo.

Tipična spletna stran je sestavljena iz naslednjih elementov:
1. glava (v njej je naslov spletne strani; pogosto ima tudi sliko),
2. meni (v njem so povezave do posameznih podstrani),
3. osrednji del (sestavljen je lahko iz enega ali več delov; pogosto je poleg osrednjega dela, ki zavzema večino prostora, še stranski prostor, v katerem so povezave, reklame ...),
4. spodnji del, ki zavzema celotno širino.

Preden začnemo pisati kodo za spletno stran, je priporočljivo, da si skiciramo, kako bo videti spletna stran, ker nam to močno olajša izdelavo spletne strani.

Obsežnejša je spletna stran, daljša je koda. Zaradi boljšega pregleda in lažjega razumevanja jo je koristno razdeliti na več delov. V ta namen imamo dva generična elementa, ki nimata vnaprej določenega pomena. Praviloma ju uporabljamo z oznako id ali class.

Generična elementa:

1. div: izredno uporaben blok element (tako kot <p>). Obnaša se kot odstavek. Uporabljamo ga z oznako id ali class (npr. <div id="menu">).
2. span: je inline element (v isti vrsti), ki ga praviloma uporabljamo znotraj <div> ali <p>.