Blog o spletnem programiranju in elektroniki
💬 👤
back Nazaj na blog
WEB (HTML, CSS, PHP)

Kaj je HTML in zakaj je temelj vsake spletne strani

Vsaka spletna stran, ki jo obiščete na računalniku ali pametnem telefonu, v svojem jedru uporablja HTML (HyperText Markup Language). Čeprav sodobni splet poganjajo napredni programski jeziki, ogrodja in umetna inteligenca, brez HTML-ja noben brskalnik ne bi mogel prikazati niti enega naslova, odstavka, slike ali gumba. V tem članku si bomo ogledali, kako HTML deluje in zakaj je prva veščina, ki jo mora osvojiti vsak spletni ustvarjalec.

Kaj pravzaprav je HTML?

HTML ni klasični programski jezik, temveč označevalni jezik. Z uporabo oznak (tagov) brskalniku natančno sporoča, kakšna je struktura in pomen posameznih delov vsebine na spletni strani.

Element / Značka Ime Namen uporabe
<h1> ... </h1> Glavni naslov Določa najpomembnejši vsebinski naslov strani (pomembno za SEO).
<p> ... </p> Odstavek (Paragraph) Uporablja se za standardna besedila in opise.
<a href="..."> Povezava (Anchor) Ustvari klikljivo hiperpovezavo na drugo podstran ali spletišče.
<img src="..."> Slika (Image) Vstavi slikovno gradivo z določenim virom in nadomestnim besedilom.

Vloga HTML-ja v trojici spletnih tehnologij

Sodobni spletni razvoj temelji na treh osnovnih tehnologijah, ki se med seboj dopolnjujejo.

  1. HTML (Struktura): Predstavlja skelet ali ogrodje spletne strani (zidovi in prostori hiše).
  2. CSS (Oblikovanje): Določa vizualni izgled, barve, pisave in postavitev (fasada in notranja oprema).
  3. JavaScript (Interaktivnost): Skrbi za logiko, animacije in odzivanje na dejanja uporabnika (električna napeljava in pametni sistemi).

Primer osnovnega HTML dokumenta

Spodnja koda prikazuje standardno strukturo sodobnega HTML5 dokumenta.

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>Moja prva spletna stran</title>
</head>
<body>
    <h1>Dobrodošli na mojem spletišču</h1>
    <p>To je moj prvi odstavek, zapisan v jeziku HTML.</p>
    <a href="https://vadnica.org">Obiščite vadnico</a>
</body>
</html>

Želite izvedeti več o HTML-ju?

Če želite spoznati vse ključne značke, ustvarjati tabele, obrazce in multimedijske elemente ter preizkusiti primere v praksi, obiščite našo podrobno HTML vadnico za začetnike.

back Nazaj na blog