Strukturni elementi su u biti pravokutnici koji tvore strukturu web stranice i unutar kojih se smješta njezin sadržaj.

1. Kontejner (engl. container/wrapper) – omotač stranice, glavni pravokutnik koji sadrži sve ostale strukturne elemente. Služi za uokvirivanje cjelokupnog sadržaja stranice te mu se dodjeljuje širina. Dodijeljena širina predstavljat će širinu same stranice. Visina se najčešće ne definira nego se prilagođava količini sadržaja. Širina kontejnera može biti fiksna (izražena u pikselima), što znači da će stranica biti uvijek iste širine neovisno o rezoluciji ili veličini monitora, a može biti i relativna (prilagodljiva – izražena u postotcima) što znači da će se stranica automatski širiti ovisno o širini prozora web preglednika.
2. Zaglavlje (engl. header) – strukturni element u koji se najčešće smješta logo stranice (u obliku slike ili ilustracije), identifikacijski element naručitelja stranice, zbog čega bi se uvijek trebao nalaziti na istoj poziciji i ne odudarati vizualno kako bi se dobio dojam cjeline.
3. Navigacija (engl. menu) – jedan od važnijih elemenata svake stranice koji korisnicima omogućuje kretanje po stranici i pronalaženje sadržaja.
4. Sadržaj (engl. content/main) – strukturni element u koji se smješta glavni sadržaj stranice. Sadržaj bi trebao biti jasno i kvalitetno prikazan kako bi se zadržala korisnikova pažnja, što je ujedno jedan od pokazatelja uspješnosti stranice.
5. Podnožje (engl. footer) – zadnji strukturni element koji označava završetak stranice, mjesto gdje se postavlja informativni sadržaj o nositelju autorskih prava, autoru stranice, uvjetima korištenja i sl.

<p>Tekst stavka</p>

Uvodna oznaka: Sastoji se od naziva elementa (u ovom primjeru, p za stavak), zamotanog u zagrade za otvaranje i zatvaranje. Ova početna oznaka označava mjesto gdje element počinje ili počinje djelovati. U ovom primjeru prethodi početku teksta stavka.

Sadržaj: Ovo je sadržaj elementa. U ovom primjeru to je tekst stavka.

Završna oznaka: To je isto kao i početna oznaka, osim što uključuje naprijed kosa crta prije naziva elementa. Označava gdje se element završava. Neuključivanje završne oznake uobičajena je pogreška početnika koja može proizvesti osebujne rezultate.

Element je početna oznaka, nakon čega slijedi sadržaj, nakon čega slijedi završna oznaka.

Spremite dokument tako da prvo izaberete sa lijeve strane ikonu Radna površina, poslije toga na dnu prozora izaberite u naslovu "Spremi u obliku" u sredini ekrana padajuću tipku Spremi u obliku: Hyper Text Markup Language.

Zatim upišite Naziv dokumenta sa nastavkom proba.html

Naziv datoteke: proba.html

Zatim na ekranu pronađite dokument proba.html

Kliknite na ikonu dva puta tada će se otvoriti preglednik Chrome sa vašim prvim dokumentom.