Osnove HTML

Struktura spletne strani

V prazno datoteko dodajmo naslednje značke HTML, kot jih prikazuje spodnji primer. To je osnova, ki jo uporabimo za vsako posamezno spletno stran, ki jo izdelamo. Običajno sicer uporabimo predlogo, da se izognemo ponovnemu vnašanju ponavljajočih se delov kode, toda tu se bomo osredotočili na jezik HTML (brez uporabe predlog ipd.).


Najprej moramo brskalniku povedati, da je to spletna stran, skladna s standardom HTML5, kar naredimo z nizom <!DOCTYPE html> v prvi vrstici. To je le poseben niz, ki ga brskalniki iščejo, ko poskušajo prikazati spletno stran in mora biti vedno zapisan točno tako, kot je zapisan zgoraj.

Nato moramo dodati celotno spletno stran med znački <html>. Dejansko značko <html> imenujemo »začetna značka«, medtem ko značko </html> imenujemo »končna značka«. Vse, kar je zapisano med tema značkama, štejemo za del <html> »elementa«, to je abstraktna stvar, ki jo ustvari spletni brskalnik, ko razčlenjuje značke jezika HTML.

Znotraj elementa <html> imamo še dva elementa, imenovana <head> in <body>. Glava (ang. head) spletne strani vsebuje vse njene metapodatke, kot so naslov strani, vse slogovne predloge CSS in drugo, kar je potrebno, da brskalnik pravilno prikaže spletno stran. Telo (ang. body) spletne strani predstavlja vsebino, ki bo vidna v spletnem brskalniku in bo vsebovalo večino značk HTML.


Ob kliku na gumb »Prikaži« ali ob odpiranju datoteke osnova.html v spletnem brskalniku se ne bo prikazalo nič, saj je element <body> prazen.

Koda vsebuje tudi komentarje. Vse, kar se začne z značko <!-- in konča z značko -->, bo brskalnik popolnoma spregledal. Tako lahko na enostaven način dokumentiramo kodo. Dokumentiranje kode pa je na splošno zelo zaželjeno, če ne celo nujno.