4.5.1.1 HTML
4.5.1.1 HTML
HTML (HyperText Markup Language) ehk hüperteksti märgendite keelt kasutatakse veebilehtede loomiseks. HTMLi abiga luuakse dokumendi loogiline struktuur ja määratakse iga elemendi väljanägemine (elementide vormindamiseks soovitatakse kasutada CSSi mitte HTMLi). HTML ei ole programmeerimise keel! Veebilehe fail sisaldab ASCII kodeeringus teksti ja omab nimelaiendit .htm või .html. Teksti märgistamine failis toimub märgendite (tag) abil. Märgendid paigutatakse kolmnurksetesse sulgudesse.
Märgendite liigid:
- üksikud märgendid <tag /> ei nõua sulgemismärgendit, näiteks <br />;
- paarismärgendid <tag></tag> nõuavad alati sulgemismärgendit, näiteks <b></b> vahel olev tekst on paksus kirjas.
Märgend võib omada atribuute. Atribuudid täpsustavad märgendi toimet. Atribuut
paigutatakse alati avamärgendisse, sest brauser loeb infot alati vasakult
paremale ja ülevalt alla. Mõnel märgendil on atribuutide kasutamine
kohustuslik. Näiteks, pildi lisamise märgendil <img /> on
kohustuslikuks atribuudiks src, mille väärtuseks on faili nimi koos teekonnaga: <img src="faili nimi ja rada" />.
Märgendeid võib kirjutada nii suurte <TAG> kui ka väikeste <tag> tähtedega, brauseri jaoks see tähtsust ei oma. Samuti ei oma tähtsust ka reavahetused. Loetavuse huvides on soovitav märgendites kasutada alati kas ainult suuri või ainult väikseid tähti, alustada uut elementi uuest reast ning lisada kommentaare.
Tühikud:
- tühik on kohustuslik märgendi nime ja atribuudi vahel
- tühikut ei tohi olla atribuudi nime ja väärtuse vahel
- HTML-dokumendi tekstis mitu tühikut on sama, mis üks; selleks, et panna järjest mitu tühikut, tuleb kasutada erisümboleid.
HTML-dokumendi struktuur
Iga veebileht on märgendite <html></html> vahel. Dokument koosneb kahest osast:
- päis (head)
- keha (body või frameset)
Päis paigutatakse paarismärgendite <head></head> vahele. Siin paikneb dokumenti puudutav abiinfo. Seda infot ei kuvata. Erinevate märgendite abil võib määrata lehe kodeeringu (<meta name="Content-Type" content="text/html; charset=windows-1251">) või võtmesõnad, mida kasutavad otsingusüsteemid lehe indekseerimiseks (<meta name="keywords" content="võtmesõnad">). Siia võib paigutada ka CSS-stiilide kirjeldused (<style>stiilide kirjeldused</style>) või skriptide stsenaariumid (<script>stsenaariumi kirjeldus </script>).
Keha plokk paigutatakse märgendite <body></body> vahele. Kogu brauseris kuvatav info (tekst, viidad, kujundid, tabelid, vormid jne.) asub lehe kehas.
HTMLi märgendite spetsifikatsioon (versioon 4.01): http://www.w3.org/TR/html4/index/elements.html
HTMLi atribuutide spetsifikatsioon: http://www.w3.org/TR/html4/index/attributes.html