{"id":633,"date":"2020-05-03T19:43:22","date_gmt":"2020-05-03T19:43:22","guid":{"rendered":"https:\/\/ramk.ee\/opikud\/veebidisain\/?post_type=chapter&p=633"},"modified":"2020-05-09T12:02:12","modified_gmt":"2020-05-09T12:02:12","slug":"tsitaadid-ja-arvutikood","status":"publish","type":"chapter","link":"https:\/\/ramk.ee\/opikud\/veebidisain\/chapter\/tsitaadid-ja-arvutikood\/","title":{"rendered":"LISALUGEMINE: tsitaadid ja arvutikood"},"content":{"raw":"

Tsitaadid ja definitsioonid<\/h2>\r\nTsitaatide ja l\u00fchendite vormindamiseks on samuti loodud hulk eeldefineeritud stiile.\r\n\r\nL\u00fchikese tsitaadi m\u00e4rkimiseks kasutama elementi <q><\/code> (quote<\/em>). Brauser lisab tavaliselt elemendi \u00fcmber jutum\u00e4rgid. Jutum\u00e4rkide v\u00e4limus s\u00f5ltub keelest, n\u00e4iteks ingliskeelsel tekstil on jutum\u00e4rgid tsitaadi ees ja j\u00e4rel m\u00f5lemad \u00fcleval, eestikeelsel aga tsitaadi ees all.\r\n
<q>\u00d5ppida!<\/q><\/pre>\r\nPika tsitaadi saame esile tuua elemendiga <blockquote><\/code>. Elemendi ette ja taha j\u00e4etavad brauserid tavaliselt t\u00fchja ruumi.\r\n
<blockquote>\u00d5ppida, \u00f5ppida, \u00f5ppida!<\/blockquote><\/pre>\r\n<abbr><\/code> elemendi kasutamisel n\u00e4idatakse veebilehel l\u00fchendit. Hiirega sellele liikumisel tuuakse n\u00e4htavale pikk variant. Vajalik atribuut title<\/code>.\r\n
<abbr title=\"Rocca al Mare Kool\">RaM Kool<\/abbr><\/pre>\r\nAadressi (tavaliselt kaldkirjas) v\u00f5i dokumendi autori\/omaniku kontaktinfo kuvamisel v\u00f5ime kasutada elementi <address><\/code>.\r\n
<address>Vaba\u00f5humuuseumi tee 8<\/address><\/pre>\r\nM\u00f5ne loomingulise t\u00f6\u00f6 (nt foto, maal, muusikapala) pealkirja \u00e4ra m\u00e4rkimiseks saame kasutada elementi <cite><\/code>. Brauser kuvab selle elemendi sisu tavaliselt kaldkirjas.\r\n
Leonardo da Vinci maal <cite>Mona Lisa<\/cite><\/pre>\r\n
Arvutikoodi elemendid<\/h2>\r\nArvutikoodi stiilid (computer code<\/em>) on loodud silmas pidades vajadust veebilehel n\u00e4idata programmikoodi jms.\r\n\r\nProgrammide koodil\u00f5igud eristama tavatekstist elemendiga <code><\/code>.\r\n
<code>x:=y*Math.random();<\/code><\/pre>\r\nMuutujate kirjapanekuks kasutame elementi <var><\/code> (variable<\/em>).\r\n
<code><var>x<\/var>:=<var>y<\/var>*Math.random();<\/code><\/pre>\r\nKlaviatuurik\u00e4skluste \u00e4ra m\u00e4rkimiseks saame kasutada elementi <kbd><\/code> (keyboard input<\/em>).\r\n
Salvestamiseks vajuta <kbd>ctrl + s<kbd><\/pre>\r\n<samp><\/code> elemendiga saame \u00e4ra m\u00e4rkida programmi v\u00e4ljundit.\r\n
<p>Kui l\u00e4heme veebilehele, mida ei eksisteeri kuvatakse meile <samp>Error 404!<samp><\/pre>\r\nKui me soovime kasutajale kuvada eelnevalt vormindatud teksti, kus s\u00e4ilitatakse k\u00f5ik t\u00fchikud, reavahetused jms, siis saame kasutada elementi <pre><\/code>.\r\n
<pre>Siin tekstis on vaja\r\ns\u00e4ilitada reavahetus ja see         pikem t\u00fchikutega toksitud vahe!<\/pre><\/pre>","rendered":"
Tsitaadid ja definitsioonid<\/h2>\n
Tsitaatide ja l\u00fchendite vormindamiseks on samuti loodud hulk eeldefineeritud stiile.<\/p>\n
L\u00fchikese tsitaadi m\u00e4rkimiseks kasutama elementi <q><\/code> (quote<\/em>). Brauser lisab tavaliselt elemendi \u00fcmber jutum\u00e4rgid. Jutum\u00e4rkide v\u00e4limus s\u00f5ltub keelest, n\u00e4iteks ingliskeelsel tekstil on jutum\u00e4rgid tsitaadi ees ja j\u00e4rel m\u00f5lemad \u00fcleval, eestikeelsel aga tsitaadi ees all.<\/p>\n
<q>\u00d5ppida!<\/q><\/pre>\n
Pika tsitaadi saame esile tuua elemendiga <blockquote><\/code>. Elemendi ette ja taha j\u00e4etavad brauserid tavaliselt t\u00fchja ruumi.<\/p>\n
<blockquote>\u00d5ppida, \u00f5ppida, \u00f5ppida!<\/blockquote><\/pre>\n
<abbr><\/code> elemendi kasutamisel n\u00e4idatakse veebilehel l\u00fchendit. Hiirega sellele liikumisel tuuakse n\u00e4htavale pikk variant. Vajalik atribuut title<\/code>.<\/p>\n
<abbr title=\"Rocca al Mare Kool\">RaM Kool<\/abbr><\/pre>\n
Aadressi (tavaliselt kaldkirjas) v\u00f5i dokumendi autori\/omaniku kontaktinfo kuvamisel v\u00f5ime kasutada elementi <address><\/code>.<\/p>\n
<address>Vaba\u00f5humuuseumi tee 8<\/address><\/pre>\n
M\u00f5ne loomingulise t\u00f6\u00f6 (nt foto, maal, muusikapala) pealkirja \u00e4ra m\u00e4rkimiseks saame kasutada elementi <cite><\/code>. Brauser kuvab selle elemendi sisu tavaliselt kaldkirjas.<\/p>\n
Leonardo da Vinci maal <cite>Mona Lisa<\/cite><\/pre>\n
Arvutikoodi elemendid<\/h2>\n
Arvutikoodi stiilid (computer code<\/em>) on loodud silmas pidades vajadust veebilehel n\u00e4idata programmikoodi jms.<\/p>\n
Programmide koodil\u00f5igud eristama tavatekstist elemendiga <code><\/code>.<\/p>\n
<code>x:=y*Math.random();<\/code><\/pre>\n
Muutujate kirjapanekuks kasutame elementi <var><\/code> (variable<\/em>).<\/p>\n
<code><var>x<\/var>:=<var>y<\/var>*Math.random();<\/code><\/pre>\n
Klaviatuurik\u00e4skluste \u00e4ra m\u00e4rkimiseks saame kasutada elementi <kbd><\/code> (keyboard input<\/em>).<\/p>\n
Salvestamiseks vajuta <kbd>ctrl + s<kbd><\/pre>\n
<samp><\/code> elemendiga saame \u00e4ra m\u00e4rkida programmi v\u00e4ljundit.<\/p>\n
<p>Kui l\u00e4heme veebilehele, mida ei eksisteeri kuvatakse meile <samp>Error 404!<samp><\/pre>\n
Kui me soovime kasutajale kuvada eelnevalt vormindatud teksti, kus s\u00e4ilitatakse k\u00f5ik t\u00fchikud, reavahetused jms, siis saame kasutada elementi <pre><\/code>.<\/p>\n
<pre>Siin tekstis on vaja\r\ns\u00e4ilitada reavahetus ja see         pikem t\u00fchikutega toksitud vahe!<\/pre><\/pre>\n","protected":false},"author":1,"menu_order":26,"template":"","meta":{"_mi_skip_tracking":false,"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"part":25,"_links":{"self":[{"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/chapters\/633"}],"collection":[{"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":3,"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/chapters\/633\/revisions"}],"predecessor-version":[{"id":801,"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/chapters\/633\/revisions\/801"}],"part":[{"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/parts\/25"}],"metadata":[{"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/chapters\/633\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/wp\/v2\/media?parent=633"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/chapter-type?post=633"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/wp\/v2\/contributor?post=633"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/wp\/v2\/license?post=633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}