Nekaj značk, ki jih moraš poznati in razumeti njihovo vlogo v spletni strani:
c
<!-- tole je komentar, ki ga brskalnik ignorira in je pojasnitev kode -->
<html> <!-- osnovna značka, ki pove brskalniku, da je to spletna stran, zapisana v HTML jeziku -->
<head> <!-- HEAD: glava spletne strani - v njej je vse, kar opisuje spletno stran -->
<title>Ime spletne strani, ki se pokaže v zavihku brskalnika</title
</head>
<body> <!-- BODY: telo spletne strani - v njem je vsa vsebina spletne strani -->
<h1>Največji naslov</h1> <!-- značke H1 do H6 so namenjene naslovom -->
<br /> <!-- ročni prelom vrstice -->
<p> <!-- odstavek -->
<b>Krepka pisava</b>
<i>Poševna pisava</i>
</p>
<!-- IMG: značka za vstavljanje slike -->
<img src="ptica.jpg" width="300" height="200" /> <!-- lastnosti značke IMG pomenijo: vstavljena je slika "ptica.jpg" in je v spletni strani naj prikazana v velikosti 300x200 pikslov; dolžina in širina slike je lahko izražena tudi v procentih: 80% -->
<!-- A: značka za vstavljanje hiperpovezav: znački <a> in </a> morata objemati značko z besedilom ali sliko -->
<p><a href="http://www.osenams.si">Povezava do spletne strani"</a></p> <!-- hiperpovezava ob kliku na besedilo -->
<a href="http://www.osenams.si"><img src="ptica.jpg" width="30%" height="30%" /></a><!-- hiperpovezava ob kliku na sliko -->
</body>
</html>
Dodatne povezave: