Harjoitustyö 5
Harjoitustyö 5:n ohje
1) Tee sivu, jolla on linkkilista suosikkisivuillesi. Tallenna nimellä HTA.html
Linkkejä on oltava vähintään 10. Kokeile halutessasi myös linkin värin vaihtoa. (ohje alla)
-----------------------------------------------------------------------------------
MALLI
<A HREF="http://www.yle.fi" >ylen kotisivut </A>
<A HREF="http://www.iltalehti.fi" target="_new" >iltalehden kotisivut </A>
-----------------------------------------------------------------------------------
LINKIN VÄRIN VAIHTO
lisää BODY-osaan
BODY LINK="#rrggbb" VLINK="#rrggbb" ALINK="#rrggbb"
link= linkki ennen klikkausta, alink=linkki jota juuri klikataan vlink=klikattu linkki. Toimivat vaihtelevasti.
-----------------------------------------------------------------------------------
2) Tee toinen sivu (avaa uusi gedit-tiedosto). Tallenna nimellä HTB.html
Tee tiedotoon RIVI PIENIÄ kuvia, joita klikkaamalla pääsee kyseisen kuva-aiheen sivulle. Kuvia oltava vähintään 5. Linkit voivat olla samoille sivuille kuin edellisetkin linkit.
MUISTA KUVIEN TEKIJÄNOIKEUDET!
-----------------------------------------------------------------------------------
MALLI
<A HREF="http://www.forssa.fi" target="_new"> <img src="bansku.jpg" border="1" width="100" height="100"> </A>
-----------------------------------------------------------------------------------
3) Vaihda lopuksi ainakin sivujen taustaväri. Linkitä lopuksi nämä kaksi teidostoa. Muotoile halutessasi sivua myös muuten.
MALLI
<A HREF=HTB.html >Tästä kuviin </A>
<A HREF=HTA.html >Tästä linkkeihin</A>
+++BONUS+++
Tee kolmas sivu. Tee tälel sivulle TABLE-tagin avulla 4*4 taulukko, jossa jokaisessa ruudussa eli solussa on jonkin sosiaalisen median tunnettu logo (wikipedia, twitter, fb, ask.fm, blogger, pinterest, youtube, jne...)
Tee kuvista linkit, kyseisen sosiaalisen median aloitussivulle.
Linkkejä on oltava vähintään 10. Kokeile halutessasi myös linkin värin vaihtoa. (ohje alla)
-----------------------------------------------------------------------------------
MALLI
<A HREF="http://www.yle.fi" >ylen kotisivut </A>
<A HREF="http://www.iltalehti.fi" target="_new" >iltalehden kotisivut </A>
-----------------------------------------------------------------------------------
LINKIN VÄRIN VAIHTO
lisää BODY-osaan
BODY LINK="#rrggbb" VLINK="#rrggbb" ALINK="#rrggbb"
link= linkki ennen klikkausta, alink=linkki jota juuri klikataan vlink=klikattu linkki. Toimivat vaihtelevasti.
-----------------------------------------------------------------------------------
2) Tee toinen sivu (avaa uusi gedit-tiedosto). Tallenna nimellä HTB.html
Tee tiedotoon RIVI PIENIÄ kuvia, joita klikkaamalla pääsee kyseisen kuva-aiheen sivulle. Kuvia oltava vähintään 5. Linkit voivat olla samoille sivuille kuin edellisetkin linkit.
MUISTA KUVIEN TEKIJÄNOIKEUDET!
-----------------------------------------------------------------------------------
MALLI
<A HREF="http://www.forssa.fi" target="_new"> <img src="bansku.jpg" border="1" width="100" height="100"> </A>
-----------------------------------------------------------------------------------
3) Vaihda lopuksi ainakin sivujen taustaväri. Linkitä lopuksi nämä kaksi teidostoa. Muotoile halutessasi sivua myös muuten.
MALLI
<A HREF=HTB.html >Tästä kuviin </A>
<A HREF=HTA.html >Tästä linkkeihin</A>
+++BONUS+++
Tee kolmas sivu. Tee tälel sivulle TABLE-tagin avulla 4*4 taulukko, jossa jokaisessa ruudussa eli solussa on jonkin sosiaalisen median tunnettu logo (wikipedia, twitter, fb, ask.fm, blogger, pinterest, youtube, jne...)
Tee kuvista linkit, kyseisen sosiaalisen median aloitussivulle.