HTML

Allikas: Vikipeedia

HTML (ingliskeelne lühend sõnadest HyperText Markup Language 'hüperteksti märgistuskeel'[1][2]) on keel, milles märgendatakse veebilehti. HTML on SGML-i rakendus. HTML-dokumentide (failide) veebist allalaadimiseks ja vaatamiseks kasutatakse veebilehitsejat. Selline elektroonilise dokumendi märgendamise mõte on lahutada sisu, vaade jms objekti omadused üksteisest.

HTML paneb paika üksnes dokumendi struktuuri, kuid võimaldab leheküljele kaasata skripte, eeskätt JavaScript, ning CSS-i millega kirjeldatakse lehe kujundus.

Ajalugu[muuda | redigeeri lähteteksti]

HTML-i lõi koos veebiga 1990. aastal Tim Berners-Lee. Aastal 1994 asutas ta W3C, mis on sellest ajast alates tegelenud muuhulgas ka HTML-i standardite väljatöötamisega.[3]

Nimekiri W3C poolt välja töötatud HTML-i versioonidest:

  • HTML 2.0 [4]
  • HTML 3.2 [5]
  • HTML 4.01 [6]
    • HTML 4.01 Strict - W3C soovituslik versioon.
    • HTML 4.01 Transitional - Lubab kasutada ka presentatsiooniga seotud elemente ja atribuute. See lihtsustab ületulekut varasematelt HTML-i versioonidelt.
    • HTML 4.01 Frameset - Võimaldab veebilehekülje tegemisel kasutada nn raame (frame).

Viimased kolm on paralleelselt formuleeritud ka XHTML-is.

Praegu on arenduses HTML5.

Süntaks[muuda | redigeeri lähteteksti]

HTML-dokument koosneb elementidest, mille järgi brauser dokumendi sisu kuvab. Iga element on lehekülje lähtekoodis tähistatud vastavate märgendite abil. Kõik HTML-märgendid on ümbritsetud noolsulgudega < ja >. HTML-märgendid annavad brauserile teada, mida sisuga teha, mil moel seda vormindada ja kuvada. HTML märgendid on näiteks <p>, <ol>, <a> jne. Osad HTML-elemente võib sisaldada teisi elemente, näiteks: <ol><li>esimene</li><li>teine</li></ol>

Enamik HTML-märgendeid käib alati paaris: on alustav märgend ja on sulgev märgend, mida alustavast eristab kaldkriips / nurksulgudes elemendi nime ees, näiteks alustav ja sulgev tekstilõigu märgend on vastavalt <p> ja </p>. On ka elemente, mille märgendid on ühekordsed ega vaja sulgemist (<img>, <br> jm), on elemente, mille sulgemine pole HTML-i vanemates versioonides kohustuslik (<p>, <td> jt) ning esineb ka erandjuhtumeid, mille korral avatud märgendit ei pea sulgema, sest seda teeb mõni teine element. Viisakas komme on siiski avatud märgend kindlasti ka sulgeda.

Uuendatud, XHTML-i standardite järgi on kohustuslik sulgeda kõik elemendid, sealhulgas ka ühekordsed elemendid. Ühekordsete elementide sulgemine käib sel juhul sama märgendi sees kaldkriipsu lisamise teel: <br />, <img src="pilt.jpg" />.

Paljudele elementidele saab lisada parameetreid, mis antud elemendi esitamisviisi brauseri jaoks täpsustavad. Parameetrid kirjutatakse elemendi algusmärgendi juurde, noolsulgude sisse. Igal parameetril on tavaliselt mitu võimalikku väärtust või väärtusvahemikku. Kui parameetril väärtusvahemik puudub, siis jäetakse see tähistamata. Parameetrid eraldatakse märgendi põhitähisest tühikuga, samuti eraldatakse tühikuga üksteisele järgnevad parameetrist ja väärtusest koosnevad paarid. Parameetrite esitamise üldkuju on järgmine: <märgend parameeter="väärtus" parameeter2="väärtus">

Parameetrite arv sõltub konkreetsest elemendist. Kirja peab panema ainult need parameetrid, mille väärtusi tahetakse muuta erinevaks vaikeväärtustest. Enamikul parameetritest on olemas kindlad vaikeväärtused; erandiks on elemendid, mille otsene sisu määratakse märgendis toodud parameetritega (<img>, <a> jm) ning millel vaikeväärtus puudub. Parameetri väärtus on viisakas ümbritseda kas ühe- või kahekordsete jutumärkidega. Kui parameetri väärtus koosneb mitmesõnalisest tekstist, on jutumärgid kohustuslikud. Mõningate elementide parameetrite vaikeväärtused võivad sõltuda brauserist.

Koodinäide[muuda | redigeeri lähteteksti]

Kõige lihtsam HTML-is kirjutatud veebileht näeb välja selline:

<!DOCTYPE html>
<html lang="et" dir="ltr">
 <head>
  <title>Tervitus</title>
 </head>
 <body>
  <p>Tere maailm!</p>
 </body>
</html>

Vastavalt programmeerimisest tuntuks saanud "Tere maailm" programmi tavale näeb seda lehekülge brauseriga vaadates teksti "Tere maailm!".

Koodi alguses olev <!DOCTYPE viitab dokumendi tüübi definitsioonile, mis määrab HTML-i versiooni, millele lehekülg vastab. Näite puhul on selleks HTML 4.01 Strict.

Kuigi HTML-i süntaks on kogu maailmas ühtne, on paljud brauserid lisanud sellele omapoolseid laiendusi, mis tihtilugu ei tööta teiste brauseritega. Väikesi erinevusi on brauserite vahel ka ühtse koodi interpreteerimisel.

Viited[muuda | redigeeri lähteteksti]

  1. V. Hanson, A. Tavast. HTML – Arvutikasutaja sõnastik
  2. L. Liikane, M. Kesa. HTML – Arvutisõnastik
  3. W3C. Facts About W3C.
  4. W3C. HTML 2.0 DTD v1.30. 21. september 1995.
  5. W3C. HTML 3.2 DTD. 14. jaanuar 1997.
  6. W3C. HTML 4.01 Strict DTD. 24. detsember 1999.

Välislingid[muuda | redigeeri lähteteksti]

Wikibooks-logo.svg
Vikiõpikutes on lisamaterjali: