HTML koda
Računalništvo in internet

HTML koda brez stresa: Nauči se osnov v manj kot 10 minutah

HTML. Tri preproste črke, ki skrivajo izjemno moč. Če si kdaj obiskal spletno stran, si že bil v stiku z njim – tudi če tega nisi vedel. Ampak brez skrbi. Ta članek je napisan posebej zate – začetnika, radovedneža ali nekoga, ki se želi naučiti kaj je HTML koda, kako deluje in zakaj je temelj vsake spletne strani.

»HTML je jezik spleta. Če znaš HTML, razumeš, kako internet diha.« – Neznan avtor

💡 Kaj je HTML koda?

HTML (HyperText Markup Language) je označevalni jezik, ki se uporablja za ustvarjanje strukture spletnih strani. Z njim določamo, kateri deli strani so naslovi, odstavki, slike, povezave in še mnogo več.

Kako izgleda osnovna HTML koda?


<!DOCTYPE html>
<html>
<head>
  <title>Moj prvi HTML dokument</title>
</head>
<body>
  <h1>Pozdravljen, svet!</h1>
  <p>To je moj prvi odstavek v HTML-ju.</p>
</body>
</html>

🧠 Zakaj je pomembno poznati HTML?

  • samostojno urediš spletno stran
  • razumeš, kaj programer počne
  • postaviš svojo spletno stran brez pomoči
  • lažje razumeš CSS, JavaScript in druge tehnologije

»HTML je kot skelet – brez njega ne bi bilo nobene spletne strani.«

🔍 Kako deluje HTML?

HTML uporablja oznake (ang. tags) za označevanje vsebine.

<p>To je odstavek.</p>

📦 Struktura HTML dokumenta

HTML

  1. <!DOCTYPE html> – pove brskalniku, da gre za HTML5
  2. <head> – vsebuje meta podatke, naslov, povezave do stilov
  3. <body> – tu je dejanska vsebina strani

✨ Najpogostejše HTML oznake

Naslovi:

<h1>Največji naslov</h1>
<h2>Manjši naslov</h2>

Odstavki:

<p>To je odstavek.</p>

Povezave:

<a href="https://www.primer.si">Klikni tukaj</a>

Slike:

<img src="slika.jpg" alt="Opis slike">

Seznami:


<ul>
  <li>Prva točka</li>
  <li>Druga točka</li>
</ul>

👨‍💻 Kako napisati svojo prvo spletno stran?

  1. Odpri program za urejanje besedil (npr. Notepad)
  2. Vpiši osnovno HTML kodo
  3. Shrani datoteko z .html končnico
  4. Odpri datoteko z dvojnim klikom

🔧 Kako se HTML uporablja v praksi?

  • Pisanje bloga
  • Oblikovanje spletnih obrazcev
  • Urejanje WordPress teme
  • Prilagajanje e-mail predlog

🧩 Kaj HTML ni?

HTML ni programski jezik – ne more izvajati logike. Temelji le na strukturi in postavitvi vsebine.

🏗️ HTML in druge tehnologije

HTML pogosto deluje skupaj z:

  • CSS – za oblikovanje
  • JavaScript – za interaktivnost
  • PHP, Python, React – za funkcionalnost

🎓 Kako se naučiti HTML?

Progrmiranje HTML

Priporočeni koraki:

  1. Začni s kratkimi vodiči
  2. Preizkušaj kodo na spletnih orodjih
  3. Uporabi brezplačne tečaje (W3Schools, FreeCodeCamp)
  4. Piši vsak dan vsaj nekaj vrstic kode

»Najhitrejši način za učenje HTML je, da začneš pisati svojo spletno stran.«

❓ Pogosta vprašanja o HTML kodi

Kaj pomeni HTML?

HTML pomeni HyperText Markup Language – označevalni jezik za splet.

Je HTML težek za učenje?

Ne, HTML je eden najlažjih jezikov za učenje – predvsem za začetnike.

Koliko časa potrebujem, da se naučim osnove?

V nekaj urah lahko že samostojno napišeš osnovno spletno stran.

Kaj potrebujem za pisanje HTML kode?

Le urejevalnik besedil in brskalnik.

Kje lahko vadim HTML?

Na spletu z orodji kot so CodePen, JSFiddle, repl.it ipd.

Ali lahko ustvarim svojo spletno stran samo z HTML?

Da, vendar bo zelo osnovna. Za boljši videz uporabi še CSS.

Kaj je razlika med HTML in CSS?

HTML daje vsebino, CSS pa obliko.

Ali HTML deluje tudi na mobitelih?

Da – moderne spletne strani so prilagojene tudi mobilnim napravam.

Kako dodam sliko v HTML?

Z oznako <img> in atributoma src ter alt.

Kateri je najboljši vir za učenje HTML?

W3Schools, FreeCodeCamp in MDN Web Docs so odlični za začetnike.

 

Back To Top