{"id":550,"date":"2020-04-21T19:23:52","date_gmt":"2020-04-21T19:23:52","guid":{"rendered":"https:\/\/ramk.ee\/opikud\/veebidisain\/?post_type=chapter&p=550"},"modified":"2020-05-11T20:08:30","modified_gmt":"2020-05-11T20:08:30","slug":"html-lehe-pohiosad","status":"publish","type":"chapter","link":"https:\/\/ramk.ee\/opikud\/veebidisain\/chapter\/html-lehe-pohiosad\/","title":{"rendered":"HTML lehe p\u00f5hiosad"},"content":{"raw":"

Dokumendi t\u00fc\u00fcp<\/h1>\r\nVeebilehe loomisel tuleb lehe algusesse lisada dokumendi t\u00fc\u00fcbi deklaratsioon DTD (Document Type Declaration<\/em>).\r\nDokumendi t\u00fc\u00fcp on oluline selleks, et veebilehitseja suudaks veebilehte korralikult ekraanile tuua, elemente t\u00f5lgendada, nii toimub lehe avamine ka kiiremini. Isegi lihtsa HTML koodi puhul v\u00f5ib see aidata soovitud tulemust saavutada.\r\n\r\nVarasemate HTML versioonide puhul olid kasutusel erinevad pikad kr\u00fcptilised deklaratsioonid. HTML5 puhul tuleb kasutada vaid \u00fchte lihtsa kujuga deklaratsiooni:\r\n
<!DOCTYPE html><\/pre>\r\n
Veebilehe p\u00f5hiosad<\/h1>\r\nJ\u00e4rgmiseks elemendiks on HTML ise, mille sisuks ongi kogu veebileht:\r\n
<html>\r\nKogu veebileht\r\n<\/html><\/pre>\r\nVeebileht jaguneb kaheks oluliseks \u00fcksteisele j\u00e4rgnevaks osaks, <head><\/code> \u2212 p\u00e4is ja <body><\/code> \u2212 keha. P\u00e4ises on elemendid, mida veebilehe vaataja reeglina otseselt ei n\u00e4e (viide lehe kujundust m\u00e4\u00e4ravale stiililehele, v\u00f5tmes\u00f5nad otsingumootoritele, kasutatav tekstikodeering jms). Kehaosas on k\u00f5ik veebilehe sisuna n\u00e4htavad elemendid.\r\n\r\nT\u00fc\u00fcpiline HTML veebilehe \u00fclesehitus on seega j\u00e4rgmine:\r\n
<!DOCTYPE html>\r\n<!--siit algab html kood-->\r\n<html>\r\n<!--siit algab html dokumendi p\u00e4is-->\r\n<head>\r\n\u00a0 <title>Pealkiri<\/title>\r\n\u00a0 <meta charset=\"UTF-8\"> <!-- tekstikodeering -->\r\n<\/head>\r\n<!--siit algab html dokumendi sisu-->\r\n<body>\r\n\u00a0 veebilehe sisu\r\n<\/body>\r\n<\/html><\/pre>\r\n
Enesekontroll (1 \u00fclesanne)<\/h3>\r\n[h5p id=\"3\"]","rendered":"
Dokumendi t\u00fc\u00fcp<\/h1>\n
Veebilehe loomisel tuleb lehe algusesse lisada dokumendi t\u00fc\u00fcbi deklaratsioon DTD (Document Type Declaration<\/em>).
\nDokumendi t\u00fc\u00fcp on oluline selleks, et veebilehitseja suudaks veebilehte korralikult ekraanile tuua, elemente t\u00f5lgendada, nii toimub lehe avamine ka kiiremini. Isegi lihtsa HTML koodi puhul v\u00f5ib see aidata soovitud tulemust saavutada.<\/p>\n
Varasemate HTML versioonide puhul olid kasutusel erinevad pikad kr\u00fcptilised deklaratsioonid. HTML5 puhul tuleb kasutada vaid \u00fchte lihtsa kujuga deklaratsiooni:<\/p>\n
<!DOCTYPE html><\/pre>\n
Veebilehe p\u00f5hiosad<\/h1>\n
J\u00e4rgmiseks elemendiks on HTML ise, mille sisuks ongi kogu veebileht:<\/p>\n
<html>\r\nKogu veebileht\r\n<\/html><\/pre>\n
Veebileht jaguneb kaheks oluliseks \u00fcksteisele j\u00e4rgnevaks osaks, <head><\/code> \u2212 p\u00e4is ja <body><\/code> \u2212 keha. P\u00e4ises on elemendid, mida veebilehe vaataja reeglina otseselt ei n\u00e4e (viide lehe kujundust m\u00e4\u00e4ravale stiililehele, v\u00f5tmes\u00f5nad otsingumootoritele, kasutatav tekstikodeering jms). Kehaosas on k\u00f5ik veebilehe sisuna n\u00e4htavad elemendid.<\/p>\n
T\u00fc\u00fcpiline HTML veebilehe \u00fclesehitus on seega j\u00e4rgmine:<\/p>\n
<!DOCTYPE html>\r\n<!--siit algab html kood-->\r\n<html>\r\n<!--siit algab html dokumendi p\u00e4is-->\r\n<head>\r\n\u00a0 <title>Pealkiri<\/title>\r\n\u00a0 <meta charset=\"UTF-8\"> <!-- tekstikodeering -->\r\n<\/head>\r\n<!--siit algab html dokumendi sisu-->\r\n<body>\r\n\u00a0 veebilehe sisu\r\n<\/body>\r\n<\/html><\/pre>\n
Enesekontroll (1 \u00fclesanne)<\/h3>\n