{"id":198,"date":"2025-10-28T09:44:00","date_gmt":"2025-10-28T07:44:00","guid":{"rendered":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/?page_id=198"},"modified":"2025-10-28T09:44:52","modified_gmt":"2025-10-28T07:44:52","slug":"html-elementteja","status":"publish","type":"page","link":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/html-elementteja\/","title":{"rendered":"HTML-elementtej\u00e4"},"content":{"rendered":"\n

<\/p>\n\n\n\n

ns. isot elementit (laatikon kaltaiset)<\/em><\/h3>\n\n\n\n
t\u00e4gi<\/th>tarkoitus<\/th>mist\u00e4 tulee<\/th>huomioitavaa<\/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 ainoastaan li-elementtej\u00e4<\/td><\/tr>
ol<\/td>lista, jossa on numeroita<\/td>ordered list<\/td>saa sis\u00e4lt\u00e4\u00e4 ainoastaan 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 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 (kuten sanat)<\/em><\/h3>\n\n\n\n
t\u00e4gi<\/th>tarkoitus<\/th>mist\u00e4 tulee<\/th>huomioitavaa<\/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<\/em><\/h3>\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 kolmen vierekk\u00e4isen solun tilan<\/td>column span<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Linkit<\/em><\/h3>\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>
”peruna.html”<\/td>samassa kansiossa olevaan tiedostoon<\/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\/etunimi.sukunimi\/vihannekset\/<\/td>kyseiseen osoitteeseen world wide webiss\u00e4<\/td>absoluuttinen<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Div-elementin kaltaiset<\/em><\/h3>\n\n\n\n
t\u00e4gi<\/th>merkitys<\/th>mist\u00e4 tulee<\/th>huomioitavaa<\/th><\/tr>
header<\/td>sivun yl\u00e4osa<\/td><\/td>voi sis\u00e4lt\u00e4\u00e4 logon, sivun p\u00e4\u00e4otsikon ja linkkej\u00e4 (nav)<\/td><\/tr>
nav<\/td>linkit sivuston p\u00e4\u00e4sivuille<\/td>navigation<\/td>voi olla headerin sis\u00e4puolella tai ulkopuolella<\/td><\/tr>
main<\/td>sivun varsinainen sis\u00e4lt\u00f6<\/td><\/td>vaatii ylim\u00e4\u00e4r\u00e4ist\u00e4 css-s\u00e4\u00e4t\u00f6\u00e4, jotta toimii my\u00f6s internet explorer selaimessa<\/td><\/tr>
footer<\/td>sivun loppu<\/td><\/td>t\u00e4\u00e4ll\u00e4 on yleens\u00e4 yhteystietoja tai tekij\u00e4n nimi<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

ns. isot elementit (laatikon kaltaiset) t\u00e4gi tarkoitus mist\u00e4 tulee huomioitavaa 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":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-198","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-json\/wp\/v2\/pages\/198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-json\/wp\/v2\/comments?post=198"}],"version-history":[{"count":1,"href":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-json\/wp\/v2\/pages\/198\/revisions"}],"predecessor-version":[{"id":200,"href":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-json\/wp\/v2\/pages\/198\/revisions\/200"}],"wp:attachment":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-json\/wp\/v2\/media?parent=198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}