Ns. isot elementit (laatikon kaltaiset)<\/p>\n\n\n\n Ns. pienet elementit (kuin sanat)<\/p>\n\n\n\n Taulukot<\/p>\n\n\n\n Linkit<\/p>\n\n\n\n Div-elementin kaltaiset<\/p>\n\n\n\n Yleisimm\u00e4t HTML-elementit 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 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>\nt\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 lopetustagia!<\/td><\/tr> iframe<\/td> elementti, jonka sis\u00e4lt\u00f6 tulee muualta<\/td> inline frame<\/td> k\u00e4ytt\u00e4ytyy kuin img<\/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 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 t\u00e4gi<\/th> merkitys<\/th> mist\u00e4 tulee<\/th> huom.<\/th><\/tr> a<\/td> linkki<\/td> anchor 1<\/td> <\/td><\/tr> b<\/td> lihavoitua teksti\u00e4<\/td> bold 1<\/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 lopetustagia!<\/td><\/tr> br<\/td> rivinvaihto<\/td> break row<\/td> ei lopetustagia!<\/td><\/tr> Yhteist\u00e4 kaikille: t\u00e4llaiset menev\u00e4t aina vierekk\u00e4in, jos mahtuvat<\/td><\/tr><\/tbody><\/table><\/figure>\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 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=”http:\/\/joku.osoite.example”<\/td> kyseiseen osoitteeseen world wide webiss\u00e4<\/td> absoluuttinen<\/td><\/tr><\/tbody><\/table><\/figure>\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-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","protected":false},"excerpt":{"rendered":"