{"id":606,"date":"2020-05-02T14:43:50","date_gmt":"2020-05-02T14:43:50","guid":{"rendered":"https:\/\/ramk.ee\/opikud\/veebidisain\/?post_type=chapter&p=606"},"modified":"2020-05-26T15:57:47","modified_gmt":"2020-05-26T15:57:47","slug":"html-pealkirjad-ja-tekstiloigud","status":"publish","type":"chapter","link":"https:\/\/ramk.ee\/opikud\/veebidisain\/chapter\/html-pealkirjad-ja-tekstiloigud\/","title":{"rendered":"HTML pealkirjad ja tekstil\u00f5igud"},"content":{"raw":"

Pealkirjad<\/h1>\r\nNagu tavalistes tekstides, ajalehtedes ja mujal, kasutatakse ka veebilehtedel pealkirju. Kokku saame kasutada kuute erineva t\u00e4htsusastmega pealkirja ning nende kirjeldamiseks kasutatakse m\u00e4rgendeid <h1><\/code> kuni <h6><\/code> (tulenevad ingliskeelsest s\u00f5nast heading<\/em>), kus <h1><\/code> on k\u00f5ige t\u00e4htsam pealkiri ning <h6><\/code> on k\u00f5ige v\u00e4hemt\u00e4htsam pealkiri.\r\n
<h1>K\u00f5ige t\u00e4htsam pealkiri<\/h1>\r\n<h2>Natuke v\u00e4hem t\u00e4htsam pealkiri<\/h2>\r\n<h3>T\u00e4htsuselt kolmas pealkiri<\/h3>\r\n<h4>T\u00e4htsuselt neljas pealkiri<\/h4>\r\n<h5>T\u00e4htsuselt eelviimane pealkiri<\/h5>\r\n<h6>K\u00f5ige v\u00e4hemt\u00e4htsam pealkiri<\/h6><\/pre>\r\nPealkirjade m\u00e4\u00e4ramine HTML dokumendis on olulise t\u00e4htsusega kuna otsimootorid (n\u00e4iteks Google Search, Bing jm) kasutavad pealkirju veebilehtede struktuuri ja sisu indekseerimiseks. Samuti on pealkirjad olulised veebilehele tulevate kasutajate seisukohalt kuna kasutajad haaravad veebilehe sisu esialgu tihti ainult pealkirjade p\u00f5hjal.\r\n
Pealkirjade stiil<\/h2>\r\nK\u00f5ikidel <h1><\/code> kuni <h6><\/code> pealkirjadel on oma vaikev\u00e4\u00e4rtusena m\u00e4\u00e4ratud kindel suurus. Me saame seda aga soovi korral muuta kasutades stiili (style<\/code>) atribuuti ja kirjat\u00fc\u00fcbi suuruse (font-size<\/code>) omadust:\r\n
<h1 style=\"font-size:40px;\">Esimese taseme pealkiri<\/h1><\/pre>\r\n
Horisontaalne eraldamine | horisontaaljoon<\/h2>\r\n<hr><\/code> element m\u00e4\u00e4ratleb tekstis \u00e4ra temaatilise pausi v\u00f5i \u00fclemineku \u00fchelt teemalt teisele. Enamasti kuvatakse <hr><\/code> elementi kui horisontaalset joont.\r\n
<h1>See on pealkiri<\/h1>\r\n<p>See on tekstil\u00f5ik<\/p>\r\n<hr>\r\n<h1>See on teine pealkiri<\/h1>\r\n<p>See on teine tekstil\u00f5ik<\/p><\/pre>\r\n
Tekstil\u00f5igud<\/h1>\r\nTavalist teksti saab HTML dokumenti ka lihtsalt teiste elementide vahele kirjutada kuid selleks, et seda ka korralikult kujundada saaks, kasutatakse l\u00f5igu elementi <p><\/code> (paragraph<\/em>). Tekstil\u00f5igud algavad alati uuelt realt ning brauserid lisavad tekstil\u00f5igu ette ja j\u00e4rele automaatselt teatud koguse t\u00fchja ruumi.\r\n
<p>L\u00f5igu jagu teksti<\/p>\r\n<p>Teise l\u00f5igu jagu teksti<\/p><\/pre>\r\nNB! Lisades teksti sisse lisat\u00fchikuid v\u00f5i reavahetusi, eemaldab brauser need automaatselt.<\/span>\r\n
Reavahetus<\/h2>\r\nVajadusel saab tekstil\u00f5igule lisada manuaalse reavahetuse , mille puhul alustatakse uut rida kuid j\u00e4tkub sama l\u00f5ik. Selleks kasutatakse elementi \u00a0<br><\/code> (break<\/em>), millel pole eraldi l\u00f5pum\u00e4rgendit:\r\n
<p>tekst \u00fchel real <br> tekst j\u00e4tkub uuel real<p><\/pre>\r\n
Enesekontroll (3 k\u00fcsimust)<\/h3>\r\n[h5p id=\"14\"]\r\n\r\n