{"id":153,"date":"2025-10-28T09:42:37","date_gmt":"2025-10-28T07:42:37","guid":{"rendered":"https:\/\/medipjt.fi\/vjtt2408\/juhani.anttila\/kokeilusivusto\/?page_id=153"},"modified":"2025-10-28T09:42:38","modified_gmt":"2025-10-28T07:42:38","slug":"html-elementteja","status":"publish","type":"page","link":"https:\/\/medipjt.fi\/vjtt2408\/juhani.anttila\/kokeilusivusto\/html-elementteja\/","title":{"rendered":"HTML-elementtej\u00e4"},"content":{"rendered":"\n

Ns. isot elementit (laatikon kaltaiset)<\/h2>\n\n\n\n
t\u00e4gi<\/th>merkitys<\/th>mist\u00e4 tulee<\/th>huom.<\/th><\/tr>
h1<\/td>p\u00e4\u00e4otsikko<\/td>header 1<\/td><\/td><\/tr>
h2<\/td>alaotsikko<\/td>header 2<\/td><\/td><\/tr>
h3<\/td>alaotsikon alaotsikko<\/td>header 3<\/td><\/td><\/tr>
p<\/td>tekstikappale<\/td>paragraph<\/td><\/td><\/tr>
ul<\/td>lista, jossa on palloja<\/td>unordered list<\/td>saa sis\u00e4lt\u00e4\u00e4 vain li-elementtej\u00e4<\/td><\/tr>
ol<\/td>lista, jossa on numeroita<\/td>ordered list<\/td>saa sis\u00e4lt\u00e4\u00e4 vain li-elementtej\u00e4<\/td><\/tr>
li<\/td>listan kohta<\/td>list item<\/td>saa sis\u00e4lt\u00e4\u00e4 mit\u00e4 tahansa<\/td><\/tr>
div<\/td>lohko ilman kummempaa merkityst\u00e4<\/td>division<\/td>saa sis\u00e4lt\u00e4\u00e4 mit\u00e4 tahansa<\/td><\/tr>
img<\/td>kuva<\/td>image<\/td>ei lopetust\u00e4gi\u00e4!<\/td><\/tr>
iframe<\/td>elementti, jonka sis\u00e4lt\u00f6 tulee muualta<\/td>inline frame<\/td>k\u00e4ytt\u00e4ytyy kuin img<\/td><\/tr>
Yhteist\u00e4 n\u00e4ille kaikille (paitsi img ja iframe): leveys oletusarvoisesti 100% aiheuttaa rivinvaihdon ennen ja j\u00e4lkeen Yhteist\u00e4 n\u00e4ille kaikille (my\u00f6s img ja iframe): voi s\u00e4\u00e4t\u00e4\u00e4 marginaaleja eli tyhj\u00e4\u00e4 tilaa yl\u00e4- ja alapuolella<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Ns. pienet elementit (kuin sanat)<\/h2>\n\n\n\n
t\u00e4gi<\/th>merkitys<\/th>mist\u00e4 tulee<\/th>huom.<\/th><\/tr>
a<\/td>linkki<\/td>anchor<\/td><\/td><\/tr>
b<\/td>lihavoitua teksti\u00e4<\/td>bold<\/td>oli kielletty 2000-2014<\/td><\/tr>
strong<\/td>voimakkaasti korostettua teksti\u00e4<\/td><\/td>k\u00e4yt\u00e4nn\u00f6ss\u00e4 sama kuin b<\/td><\/tr>
i<\/td>kursivoitua teksti\u00e4<\/td>italic<\/td>oli kielletty 2000-2014<\/td><\/tr>
em<\/td>korostettua teksti\u00e4<\/td>emphasis<\/td>k\u00e4yt\u00e4nn\u00f6ss\u00e4 sama kuin i<\/td><\/tr>
u<\/td>alleviivattua teksti\u00e4<\/td>underline<\/td>ei yleens\u00e4 kannata k\u00e4ytt\u00e4\u00e4, koska n\u00e4ytt\u00e4\u00e4 linkilt\u00e4<\/td><\/tr>
small<\/td>v\u00e4hemm\u00e4n t\u00e4rke\u00e4\u00e4 teksti\u00e4, sivuhuomautus<\/td><\/td><\/td><\/tr>
img<\/td>kuva<\/td>image<\/td>ei lopetust\u00e4gi\u00e4!<\/td><\/tr>
br<\/td>rivinvaihto<\/td>break row<\/td>ei lopetust\u00e4gi\u00e4!<\/td><\/tr>
Yhteist\u00e4 kaikille: t\u00e4llaiset menev\u00e4t aina vierekk\u00e4in, jos mahtuvat<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Taulukot<\/h2>\n\n\n\n
t\u00e4gi<\/th>merkitys<\/th>mist\u00e4 tulee<\/th><\/tr>
table<\/td>taulukko<\/td><\/td><\/tr>
caption<\/td>taulukon nimi, ”kuvateksti”<\/td><\/td><\/tr>
tr<\/td>taulukon rivi<\/td>table row<\/td><\/tr>
th<\/td>taulukon otsikkosolu<\/td>table header (cell)<\/td><\/tr>
td<\/td>taulukon tavallinen solu<\/td>table data (cell)<\/td><\/tr>
td colspan=”3″<\/td>solu, joka vie 3 vierekk\u00e4isen solun tilan<\/td>column span<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Linkit<\/h2>\n\n\n\n
linkin muoto<\/th>minne johtaa<\/th>linkki on…<\/th><\/tr>
a href=”vihannekset\/peruna.html”<\/td>vihannekset-kansiossa olevaan tiedostoon peruna.html<\/td>suhteellinen<\/td><\/tr>
a href=”peruna.html”<\/td>samassa kansiossa olevaan tiedostoon peruna.html<\/td>suhteellinen<\/td><\/tr>
a href=”..\/vihannekset\/peruna.html”<\/td>ylemm\u00e4ss\u00e4 kansiossa ”vihannekset” olevaan tiedostoon peruna.html<\/td>suhteellinen<\/td><\/tr>
a href=”https:\/\/medipjt.fi\/vihannekset\/peruna.html”<\/td>kyseiseen osoitteeseen world wide webiss\u00e4<\/td>absoluuttinen<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"

Ns. isot elementit (laatikon kaltaiset) t\u00e4gi merkitys mist\u00e4 tulee huom. h1 p\u00e4\u00e4otsikko header 1 h2 alaotsikko header 2 h3 alaotsikon alaotsikko header 3 p tekstikappale paragraph ul lista, jossa on …<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-153","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/juhani.anttila\/kokeilusivusto\/wp-json\/wp\/v2\/pages\/153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/juhani.anttila\/kokeilusivusto\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/juhani.anttila\/kokeilusivusto\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medipjt.fi\/vjtt2408\/juhani.anttila\/kokeilusivusto\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medipjt.fi\/vjtt2408\/juhani.anttila\/kokeilusivusto\/wp-json\/wp\/v2\/comments?post=153"}],"version-history":[{"count":1,"href":"https:\/\/medipjt.fi\/vjtt2408\/juhani.anttila\/kokeilusivusto\/wp-json\/wp\/v2\/pages\/153\/revisions"}],"predecessor-version":[{"id":155,"href":"https:\/\/medipjt.fi\/vjtt2408\/juhani.anttila\/kokeilusivusto\/wp-json\/wp\/v2\/pages\/153\/revisions\/155"}],"wp:attachment":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/juhani.anttila\/kokeilusivusto\/wp-json\/wp\/v2\/media?parent=153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}