31 LISALUGEMINE: tsitaadid ja arvutikood
Tsitaadid ja definitsioonid
Tsitaatide ja lühendite vormindamiseks on samuti loodud hulk eeldefineeritud stiile.
Lühikese tsitaadi märkimiseks kasutama elementi <q> (quote). Brauser lisab tavaliselt elemendi ümber jutumärgid. Jutumärkide välimus sõltub keelest, näiteks ingliskeelsel tekstil on jutumärgid tsitaadi ees ja järel mõlemad üleval, eestikeelsel aga tsitaadi ees all.
<q>Õppida!</q>
Pika tsitaadi saame esile tuua elemendiga <blockquote>. Elemendi ette ja taha jäetavad brauserid tavaliselt tühja ruumi.
<blockquote>Õppida, õppida, õppida!</blockquote>
<abbr> elemendi kasutamisel näidatakse veebilehel lühendit. Hiirega sellele liikumisel tuuakse nähtavale pikk variant. Vajalik atribuut title.
<abbr title="Rocca al Mare Kool">RaM Kool</abbr>
Aadressi (tavaliselt kaldkirjas) või dokumendi autori/omaniku kontaktinfo kuvamisel võime kasutada elementi <address>.
<address>Vabaõhumuuseumi tee 8</address>
Mõne loomingulise töö (nt foto, maal, muusikapala) pealkirja ära märkimiseks saame kasutada elementi <cite>. Brauser kuvab selle elemendi sisu tavaliselt kaldkirjas.
Leonardo da Vinci maal <cite>Mona Lisa</cite>
Arvutikoodi elemendid
Arvutikoodi stiilid (computer code) on loodud silmas pidades vajadust veebilehel näidata programmikoodi jms.
Programmide koodilõigud eristama tavatekstist elemendiga <code>.
<code>x:=y*Math.random();</code>
Muutujate kirjapanekuks kasutame elementi <var> (variable).
<code><var>x</var>:=<var>y</var>*Math.random();</code>
Klaviatuurikäskluste ära märkimiseks saame kasutada elementi <kbd> (keyboard input).
Salvestamiseks vajuta <kbd>ctrl + s<kbd>
<samp> elemendiga saame ära märkida programmi väljundit.
<p>Kui läheme veebilehele, mida ei eksisteeri kuvatakse meile <samp>Error 404!<samp>
Kui me soovime kasutajale kuvada eelnevalt vormindatud teksti, kus säilitatakse kõik tühikud, reavahetused jms, siis saame kasutada elementi <pre>.
<pre>Siin tekstis on vaja säilitada reavahetus ja see pikem tühikutega toksitud vahe!</pre>
