HTML

HTML (ingliskeelne lühend sõnadest HyperText Markup Language 'hüperteksti märgistuskeel') on keel, milles märgendatakse veebilehti. Versioonid 2.0 kuni 4.01 HTML olid SGML-i rakendused. HTML-dokumentide (failide) veebist allalaadimiseks ja vaatamiseks kasutatakse enamasti veebibrauserit. Selline elektroonilise dokumendi märgendamise mõte on lahutada sisu, vaade jms objekti omadused üksteisest.
HTML paneb paika üksnes dokumendi struktuuri, kuid võimaldab veebiehele kaasata skripte, eeskätt JavaScripti ja CSS-i, millega kirjeldatakse lehe kujundus.

Süntaks

HTML-dokument koosneb elementidest, mille järgi kuvab brauser dokumendi sisu. Iga element on veebilehe 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. Osa 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 / noolsulgudes 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

Lihtne HTML-is kirjutatud veebileht näeb välja selline:
<!DOCTYPE html>
<html>
 <head>
 <title>Tervitus</title>
 </head>
 <body>
 <p>Tere, maailm!</p>
 </body>
</html>
Vastavalt programmeerimisest tuntuks saanud "Tere maailm" programmi tavale näeb seda veebilehte brauseriga vaadates teksti "Tere maailm!".
Koodi alguses olev <!DOCTYPE viitab dokumendi tüübi definitsioonile (DTD-le), mis määrab HTML-i versiooni, millele veebileht vastab. HTML 5-s ei ole võimalik DTD-d kasutada, seega viide definitsiooni dokumendile puudub.
Kuigi HTML-i süntaks on kogu maailmas ühtne, on paljud brauserid lisanud sellele oma laiendusi, mis tihti teiste brauseritega ei tööta. Väikeseid erinevusi on brauserite vahel ka ühtse koodi interpreteerimisel.