{"id":622,"date":"2020-05-03T17:26:54","date_gmt":"2020-05-03T17:26:54","guid":{"rendered":"https:\/\/ramk.ee\/opikud\/veebidisain\/?post_type=chapter&p=622"},"modified":"2020-05-18T14:53:02","modified_gmt":"2020-05-18T14:53:02","slug":"teksti-vormindamine","status":"publish","type":"chapter","link":"https:\/\/ramk.ee\/opikud\/veebidisain\/chapter\/teksti-vormindamine\/","title":{"rendered":"HTML teksti vormindamine"},"content":{"raw":"Teksti\u00a0 vormindamiseks suuremate plokkide kaupa (terve l\u00f5ik, terve pealkiri jne) kasutatakse CSS stiilielementi v\u00f5i stiililehte. \u00dcksikute lause osade r\u00f5hutamiseks ja muudel erijuhtudel v\u00f5ib kasutada aga HTML elmente.\r\n

Oluline tekst <strong><\/code> ja paksus kirjas tekst <b><\/code><\/h2>\r\nLisades teksti \u00fcmber elemendi <strong><\/code>, toome v\u00e4lja selle tekstil\u00f5igu olulisuse. Tavaliselt kuvatud paksu kirjana.\r\n
<p>tavatekst <strong>oluline tekst<\/strong> tavatekst j\u00e4tkub<\/p><\/pre>\r\nPaksus kirjas tekst (bold<\/em>), element <b><\/code>. Kuigi veebilehe k\u00fcljastajale v\u00f5ib selle elemendiga \u00fcmbritsetud tekst n\u00e4ha v\u00e4lja t\u00e4pselt samasugune kui <strong><\/code> elemendiga \u00fcmbritsetud tekst, siis brauseri jaoks ei ole <b><\/code> elment erinevalt <strong><\/code> elemendist mingit olulist t\u00e4htsust peale teksti paksuse.\r\n
<p>tavatekst <b>paks tekst<\/b> tavatekst j\u00e4tkub<\/p><\/pre>\r\n
R\u00f5hutatud kiri <em><\/code> ja kaldirjas kiri <i><\/code><\/h2>\r\nR\u00f5hutatud kiri (tavaliselt kaldkirjas), element <em><\/code>. Sellel viisil m\u00e4rgistatud tekst omab brauseris jaoks erilist t\u00e4htsust.\r\n
<p>tavatekst <em>kaldkiri<\/em> tavatekst j\u00e4tkub<\/p><\/pre>\r\nKaldkiri\u00a0 tekst (italic<\/em>), element <i>.<\/code> Ei oma brauseri jaoks olulist t\u00e4htsust.\r\n
<p>tavatekst <i>eriline<\/i> tavatekst j\u00e4tkub<\/p><\/pre>\r\n
V\u00e4kisem tekst <small><\/code><\/h2>\r\nV\u00e4iksem tekst defineerimiseks kasutatakse elementi <small><\/code>.\r\n
<p>tavatekst <small>v\u00e4iksem tekst<\/small> tavatekst j\u00e4tkub<\/p><\/pre>\r\n
Elementide kombineerimine<\/h2>\r\nNeid kujunduselemente v\u00f5ib kasutada ka n\u00e4iteks eelpool kirjeldatud pealkirjade ning loetelude puhul, tabelites, h\u00fcperlinkides ning ka kombineeritult (\u00fcksteise sees).\r\n
<h1><strong><i>\u00dclimalt<\/i> r\u00f5hutatud eriline<\/strong> pealkiri<\/h1><\/pre>\r\nMis annab tulemuseks:\r\n\r\n\"kujundatud\r\n
Veel elemente<\/h2>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n
M\u00e4rgend<\/td>\r\nKirjeldus<\/td>\r\n<\/tr>\r\n
<strong><\/code><\/td>\r\nOluline tekst (tavaliselt t\u00e4histatud paksu kirjaga)<\/td>\r\n<\/tr>\r\n
<b><\/code><\/td>\r\nPaksus kirjas tekst<\/td>\r\n<\/tr>\r\n
<em><\/code><\/td>\r\nR\u00f5hutatud tekst (tavaliselt t\u00e4histatud kaldkirjaga)<\/td>\r\n<\/tr>\r\n
<i><\/code><\/td>\r\nKaldkirjas tekst<\/td>\r\n<\/tr>\r\n
<small><\/code><\/td>\r\nV\u00e4iksem tekst<\/td>\r\n<\/tr>\r\n
<mark><\/code><\/td>\r\nEsile t\u00f5stetud tekst (tavaliselt t\u00e4histatud kollase markeeringuga)<\/td>\r\n<\/tr>\r\n
<sub><\/code><\/td>\r\nAllindeks tekst<\/td>\r\n<\/tr>\r\n
<sup><\/code><\/td>\r\n\u00dclaindeks tekst<\/td>\r\n<\/tr>\r\n
<ins><\/code><\/td>\r\nLisatud tekst (tavaliselt t\u00e4histatud teksti allajoonimisega)<\/td>\r\n<\/tr>\r\n
<del><\/code><\/td>\r\nKustutatud tekst (tavaliselt t\u00e4histatud teksti mahat\u00f5mbamisega)<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n
Enesekontroll (3 k\u00fcsimust)<\/h3>\r\n[h5p id=\"11\"]\r\n\r\n