{"id":190,"date":"2025-10-28T09:44:53","date_gmt":"2025-10-28T07:44:53","guid":{"rendered":"https:\/\/medipjt.fi\/vjtt2408\/sara.paananen\/kokeilusivusto\/?page_id=190"},"modified":"2025-10-28T09:44:53","modified_gmt":"2025-10-28T07:44:53","slug":"html-elementit","status":"publish","type":"page","link":"https:\/\/medipjt.fi\/vjtt2408\/sara.paananen\/kokeilusivusto\/html-elementit\/","title":{"rendered":"HTML-elementit"},"content":{"rendered":"\n

Ns. isot elementit (laatikon kaltaiset)<\/h2>\n\n\n\n
t\u00e4gi<\/th>merkitys<\/th>englanninkielinen selitys<\/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 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): 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>englanninkielinen selitys<\/th>huom!<\/th><\/tr>
a<\/td>linkki<\/td>anchor<\/td><\/td><\/tr>
b<\/td>lihavoitu teksti<\/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>kursivoitu teksti<\/td>italic<\/td>oli kielletty 2000-2014<\/td><\/tr>
em<\/td>korostettu teksti<\/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!<\/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>
href=”elain\/rotta.html”<\/td>vihannekset-kansiossa olevaan tiedostoon rotta.html<\/td>suhteellinen<\/td><\/tr>
href=”rotta.html<\/td>samassa kansiossa olevaan tiedostoon rotta.html<\/td>suhteellinen<\/td><\/tr>
href=”..\/elain\/rotta.html<\/td>ylemm\u00e4ss\u00e4 kansiossa ”elain” olevaan tiedostoon rotta.html<\/td>suhteellinen<\/td><\/tr>
a href=”https:\/\/medipjt.fi\/etunimi.sukunimi\/elain\/”<\/td>kyseiseen osoitteeseen world wide web<\/td>absoluuttinen<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Div-elementin kaltaiset<\/h2>\n\n\n\n
t\u00e4gi<\/th>merkitys<\/th>mist\u00e4 tulee<\/th>huom<\/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-siss\u00e4lt\u00f6\u00e4, jotta toimiii my\u00f6s Internet Explore -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","protected":false},"excerpt":{"rendered":"

Ns. isot elementit (laatikon kaltaiset) t\u00e4gi merkitys englanninkielinen selitys huom! h1 p\u00e4\u00e4otsikko header 1 h2 alaotsikko header 2 h3 alaotsikon alaotsikko header 3 p tekstikappale paragraph ul Lista, jossa on palloja unordered list saa sis\u00e4lt\u00e4\u00e4 vain li elementtej\u00e4 ol lista, jossa on numeroita ordered list saa sis\u00e4lt\u00e4\u00e4 vain li elementtej\u00e4 li listan kohta list item […]<\/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-190","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/sara.paananen\/kokeilusivusto\/wp-json\/wp\/v2\/pages\/190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/sara.paananen\/kokeilusivusto\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/sara.paananen\/kokeilusivusto\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medipjt.fi\/vjtt2408\/sara.paananen\/kokeilusivusto\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medipjt.fi\/vjtt2408\/sara.paananen\/kokeilusivusto\/wp-json\/wp\/v2\/comments?post=190"}],"version-history":[{"count":1,"href":"https:\/\/medipjt.fi\/vjtt2408\/sara.paananen\/kokeilusivusto\/wp-json\/wp\/v2\/pages\/190\/revisions"}],"predecessor-version":[{"id":192,"href":"https:\/\/medipjt.fi\/vjtt2408\/sara.paananen\/kokeilusivusto\/wp-json\/wp\/v2\/pages\/190\/revisions\/192"}],"wp:attachment":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/sara.paananen\/kokeilusivusto\/wp-json\/wp\/v2\/media?parent=190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}