Hüperteksti märgistuskeel (HTML) on teatud tüüpi arvutikeel, mida kasutatakse lehtede loomiseks, mida saab postitada Internetti või saata e-posti teel. Kuigi see võib paljudele tunduda keeruline, peetakse seda suhteliselt lihtsaks keeleks. Kõik selle keelega kujundatud lehe tekst, graafika ja kujunduselemendid on “märgistatud” koodidega, mis juhendavad veebibrauserit või meiliprogrammi, kuidas neid elemente kuvada. Märgendid pakuvad ka paigutuse ja vormingu teavet, nii et veebileht või e-kiri näeks välja võimalikult sarnane sellele, kuidas selle kujundaja selle välja nägi. Algajale veebisaidi kujundajale või kõigile teistele, kes peavad teadma teatud koodi või soovivad õppida tervet veebisaiti looma, on palju tarkvarautiliite, programme ja veebisaite, mis võivad teda HTML-koodi kirjutamisel aidata.
struktuur
HTML-kood on üles ehitatud nagu puu, millesse on pesastatud iga erinev silt. Enamasti nõuab iga vorminguelement algus- ja lõpumärgendit ning erinevad sildid ei tohiks kattuda. Seda tähendab “pesastatud”; kui silt 2 avaneb pärast märgendit 1, tuleks märgend 2 esmalt sulgeda, nii et märgendi 2 vorminguelement oleks täielikult märgendi 1 sees. Elemendid on koodi moodustavad üksikud komponendid, sealhulgas ava- ja sulgemärgendid ning sisu nende vahel. Atribuudid annavad elemendi kohta rohkem teavet ning koosnevad atribuudist ja selle väärtusest, mis on ühendatud võrdusmärgiga.
HTML-elemendi loomiseks loob kasutaja sildi, mis algab ja lõpeb nurksulgudega ning asetab selle vormindamist vajava teksti ette. Nurksulgudes olev kood – tavaliselt üks või mitu tähte, numbrit, sõna ja/või sümbolit – näitab, mis element on ja millised atribuudid sisul peaksid olema, näiteks selle suurus, font või muud omadused. Vormindamise lõpetamiseks tippib kasutaja esimese nurksulu, seejärel kaldkriipsu, seejärel kordab elemendi koodi ja sulgeb sulu. Näiteks, Mis on HTML? on kood, mida kasutatakse selle artikli pealkirja vormindamiseks; elemendimärgend “tugev” on pesastatud märgendi “title” sisse.
Koodide tüübid
Erinevate tekstivormingute võimaldamiseks on palju koode, sealhulgas kaldkiri, tabelid, lõigud ja hüperlingid veebilehtedele. Samuti võivad koodid näidata brauserile või meiliprogrammile, kuidas kuvada või kasutada muid elemente, nagu pilte, graafikat, videot ja heli. Muud tüüpi nurksulgudeta koode saab kasutada kirjavahemärkide, diakriitikute ja muude sümbolite loomiseks, mis võivad tekstis esineda. Kuigi kõik veebibrauserid ja paljud meiliprogrammid kasutavad HTML-i, võivad kõik koodi tõlgendada ja kuvada veidi erinevalt ning disainerid peavad sageli veebilehe loomisel neid variatsioone arvesse võtma.
Arenev keel
Alates HTML-i väljatöötamisest 1990. aastate alguses Briti arvutiteadlase Tim Berners-Lee poolt on tehtud palju muudatusi ja versioone. Neid versioone on alates 3. aastast haldanud World Wide Web Consortium (W1996C). 2008. aasta jaanuaris avaldas seda spetsifikatsiooni välja töötanud töörühm HTML 5 esimese avaliku töökavandi. 2011. aasta seisuga veel väljatöötamisel olev versioon eeldas, et see muudab oluliselt veebirakenduste arendamist. See tutvustab mitmeid uusi elemente, sealhulgas saidi struktuuri, interaktiivsuse ning heli- ja videotoe elemente, samuti uusi atribuute.
Veebilehe koodi vaatamine
Mis tahes veebilehe loomisel kasutatud koodi näete, kui navigeerite brauseris lehele ja valite seejärel brauseri menüüst õige valiku. Enamikus brauserites saab kasutaja klõpsata menüül “vaade” ja valida suvandi, näiteks “allikas”, “vaateallikas” või “lehe allikas”. Selle tulemusel ilmub hüpikaken ja see näitab koodi, mida selle veebilehe loomisel kasutati.
Oluline on märkida, et mitte kogu kõikidel veebilehtedel leiduv sisu pole kirjutatud HTML-is. Extensible Markup Language (XML) ja Extensible HyperText Markup Language (XHTML) on muud tüüpi märgistuskeeled, mida kasutatakse veebiarenduses. Lisaks kasutatakse stiililehti – nagu CSS (Cascading Style Sheets) – stiili lisamiseks HTML-dokumentidele. Interaktiivse sisu loomiseks kasutatakse selliseid keeli nagu Flash® ja Java®. Veebisaidile spetsiifiliste funktsioonide lisamiseks saab kasutada paljusid teisi programmeerimiskeeli.
Võrreldes HTM-iga
Praktiliselt on HTM-i ja HTML-laiendite vahel vähe erinevusi, kuna enamik masinaid loeb mõlemat HTML-failina. Põhjus, miks alguses oli kaks erinevat laiendust, on see, et teatud tüüpi arvutid, näiteks need, mis töötasid 16-bitise DOS-i või Windows® 3 süsteemiga, ei suutnud lugeda nelja märgilaiendit ja seetõttu vajasid kolmekohalist HTM-laiendit. Enamik süsteeme, mis suudavad lugeda nelja märgilaiendit, on automaatselt programmeeritud tuvastama HTM-faile HTML-failidena, kuigi arvutikasutajad võivad aeg-ajalt vajada konverterit, et muuta fail HTM-ist süsteemi poolt tuvastatavasse vormingusse.