Osnove jezika HTML

Kaj je HTML?

HTML (Hypertext Markup Language) je zaporedje ukazov, ki povejo kako naj se predstavitvena stran prikaže. Z drugimi besedami, HTML je jezik, ki se uporablja za pisanje spletnih strani. Ukazi se imenujejo tudi značke (tags). Značke se vedno nahajajo med znakoma < (manjši) in > (večji), kot npr. <BODY>.

Primer strani zapisane z jezikom HTML:

<HTML>
 <HEAD>
 <TITLE>Primeri prikazovanja slik</TITLE>
 </HEAD>
 <BODY>
 <IMG SRC =Slika.gif>
 <IMG SRC =Slika.gif HEIGHT=100 WIDTH=90> 
 <IMG SRC =Slika.gif> 
 <IMG SRC =Slika.gif HEIGHT=200 WIDTH=45> 
 </BODY>
</HTML>

Spletno stran zapisano z ukazi v jeziku HTML lahko razumejo, preberejo in prikažejo posebni programi imenovani spletni pregledovalniki (Browsers). Najbolj znana pregledovalnika sta Mozilla Firefox in Internet Explorer.

Za oblikovanje in pisanje spletne strani s pomočjo jezika HTML uporabljamo tekstualne urejevalnike kot so Notepad (beležnica), Wordpad, Textpad in MS Word. Z razmahom svetovnega spleta so se pojavili tudi HTML urejevalniki (NVU, Macromedia Dreamweaver, ...), ki nam omogočajo, da oblikujemo spletne strani v načinu WYSIWYG (What You See Is What You Get - Kaj vidiš, to dobiš).

Datoteke v HTML jeziku imajo podaljšek .htm ali .html (index.htm, osnovni.html).

Značke v HTML jeziku

Obstajata dve vrsti značk:

samostojne značke (npr.  )
začetne in končne značke (npr. <BODY> in </BODY>)

Samostojne značke ne rabijo zaključka, saj vsaka naslednja uporaba značke prekliče prejšnjo. Včasih pa moramo posebej povedati do kje seže učinek značke. V tem primeru uporabimo končno značko. Končna značka se od začetne značke loči le po dodatnem znaku / (poševnica) pred imenom značke. Vse kar se nahaja v notranjosti značke se podreja oblikovanju, ki ga določa značka.

Nekatere značke lahko vsebujejo tudi dodatne atribute.  

Značke niso občutljive na velike ali male črke. <TITLE> = <title> = <TiTlE>

Nekaterih značk nekateri pregledovalniki ne prepoznajo. V takem primeru jih enostavno ignorirajo.

Zgradba spletne strani

Pri ročnem oblikovanju strani pregledovalnik večkratne presledke, prazne vrstice,... izspusti.

Če stavek v beležnici odtipkamo takole

        Opazili
                  smo
                             prve
              snežinke     .

bo prikazovalnik prikazal:

Opazili smo prve snežinke.

Osnovna zgradba spletne strani v jeziku HTML

    <HTML>
       <HEAD>
          Informacije o spletni strani
       </HEAD>
       <BODY>
          Vsebina predstavitvene strani
       </BODY>
    </HTML>

HTML

Ta značka pregledovalniku sporoči, da datoteka vsebuje oznake in elemente HTML jezika. Celotno vsebino HTML strani moramo zapisati med znački <HTML> in </HTML>.

Znotraj bloka <HTML> zapišemo dva ukaza, ki razdelita vsebino spletne strani na dva dela:

GLAVO (<HEAD> </HEAD>)
TELO (<BODY> </BODY>)

HEAD

Med znački <HEAD> in </HEAD> napišemo informacije o dokumentu, ki sledi. Te informacije se na sami spletni strani ne izpišejo.

BODY

Med znački <BODY> in </BODY> napišemo večino podatkov spletne strani, kot so naslovi, besedila, tabele, slike, povezave ipd.. Te informacije se na sami spletni strani izpišejo.