Povezivanje

Za povezivanje različitih dokumenata (slika, drugih web stranica) koristi se element a (eng. anchor).
href je atribut u koji upisujemo datoteku koju želimo povezati.

Poveznica koja nigdje ne vodi
Ako pod href navedemo ljestve, poveznica neće nigdje voditi
Odvedi me na Net.hr
Uvijek moramo napomenuti protokol koji poveznica koristi, ako želimo povezati drugu web stranicu koja nije u sklopu naše, navodimo http://
Odvedi me na naslovnicu ove stranice
Ako se dokument index.html nalazi u istom folderu kao i trenutna stranica, možemo ih povezati tako da navedemo samo ime datoteke.
Odvedi me na Net.hr u novom tabu
Atribut target nije obavezan, ali ako ga navedemo i stavimo vrijednost _blank otvorit će poveznicu u novom prozoru/tabu.

Fotografije i slike

Za priključivanje slike u trenutnu stranicu koristimo element img (eng. image). img element je prazan element što znači da ne uokviruje sadržaj oko sebe.
Atribut src navodi putanju do fotografije/slike koju želimo umetnuti i obavezan je.

Zamjenski tekst
Zamjenski tekst
Atribut alt (eng. alternate text) prikazat će se ako datoteka koju smo pozvali se ne može prikazati. Koristan je kako bi korisniku objasnili sliku i preporuča se korištenje.

Liste

Unutar ul i ol oznaka neposredno se smije jedino pojaviti oznaka li

  • Jedan
  • Dva
  • Tri
  • Jedan
  • Dva
  • Tri
ul (eng. unordered list) prikazat će nam listu elemenata koji nemaju eksplicitan poredak
  1. Jedan
  2. Dva
  3. Tri
  1. Jedan
  2. Dva
  3. Tri
ol (eng. ordered list) prikazat će nam listu elemenata koje imaju eksplicitan poredak

Tekst

h1..h6 su oznake naslova, sadržajne su što znači da u njih moramo omotati tekst (naslov). Oznaka h1 označava najvažniji naslov na stranici. Oznaka h2 označava drugi najvažniji (ili više njih) naslova na stranici

Najvažniji naslov

Najvažniji naslov

Najvažniji naslov

Malo manje važan naslov

Najvažniji naslov

Malo manje važan naslov

U praksi sav tekst koji se prikazuje na stranici trebao bi biti u omotan oznakom p

Paragraf teksta

Paragraf teksta

b se koristi kada želimo tekst vizualno naglasiti bez davanja dodatnog značaja

HTML5 je najnovija verzija HTML-a

HTML5 je najnovija verzija HTML-a

strong se koristi kada želimo tekst vizualno naglasiti (masno) i pridodati značaj

Tuširanje je obavezno prije ulaska u bazen.

Tuširanje je obavezno prije ulaska u bazen.


i se koristi kada želimo tekst vizualno naglasiti bez davanja dodatnog značaja, npr. didaskalije

"Ne mogu više ovako" (vikne)

"Ne mogu više ovako" (vikne)

em se koristi kada želimo tekst vizualno naglasiti (italik) i pridodati značaj

Tuširanje je obavezno prije ulaska u bazen.

Tuširanje je obavezno prije ulaska u bazen.

blockquote se koristi kada želimo citirati veći dio teksta (ulomak iz knjige)

On September 5, 1972. eight members of the Palestinian nationalist Black September Organization stormed the dormitory of the Israeli athletes at the Munich Olympics site.
On September 5, 1972. eight members of the Palestinian nationalist Black September Organization stormed the dormitory of the Israeli athletes at the Munich Olympics site.

cite se koristi kao semantička oznaka izvora citata

On September 5, 1972. eight members of the Palestinian nationalist Black September Organization stormed the dormitory of the Israeli athletes at the Munich Olympics site.
-The invention of terrorism and the rise of the terrorism expert
On September 5, 1972. eight members of the Palestinian nationalist Black September Organization stormed the dormitory of the Israeli athletes at the Munich Olympics site. -The invention of terrorism and the rise of the terrorism expert

Strukturalni elementi

nav označava navigaciju web stranice i pomaže čitačima da lakše prepoznaju navigaciju. Element sam po sebi nema nikakva stilska svojstva te je unutar njega i dalje potrebno (najčešće) napraviti listu poveznica.

header označava zaglavlje stranice. Ako prikazujemo običan tekst koji je samo formatriran HTML-om, zaglavlje bi mogao biti naslov dokumenta koji se pojavljuje na svakoj stranici. Ako pak učitavamo punu stranicu, zaglavljem se najčešće smatra onaj dio stranice koji se ponavlja na svim podstranicama, a najčešće sadrži logotip stranice i navigaciju.

The invention of terrorism and the rise of the terrorism expert

The invention of terrorism and the rise of the terrorism expert

U slučaju da je dokument

NašaTvrtka
NašaTvrtka

U slučaju da je zaglavlje web stranice

footer označava podnožje stranice, bilo riječ o tekstualnom dokumentu ili potpunoj web stranici.

2015. sva prava pridržana
2015. sva prava pridržana

article kao što i samo ima govori, označava smislenu jedinicu teksta (članak). Posebno je pogodan kod web stranica koje objavljuju novosti jer omogućuje čitačima da preskaču sa članka na članak.

Vjerojatno najbolja reklama za pivo

Nakon što pogledate ovu reklamu ne znamo što dalje!

Ok reklama za pivo

Pa tak, moglo je i bolje.

Vjerojatno najbolja reklama za pivo

Nakon što pogledate ovu reklamu ne znamo što dalje!

Ok reklama za pivo

Pa tak, moglo je i bolje.