Harjoitus 2

  • Kun kotisivun tekemistä jatketaan seuraavan kerran, tallennettu tiedosto avataan painamalla hiiren oikeaa painiketta ja valitaan Avaa sovelluksessa.
  • Etsi sovelluksista muistio, jolla voit jatkaa kotisivujen tekemistä.
  • Toinen vaihtoehto on avata ensin tietokoneella muistio ja avata tallennettu tiedosto suoraan sitä kautta.

Toisella harjoituskerralla läpikäytävät asiat:
  • Kuvan lisääminen
  • Kuvan koon muuttaminen
  • Taustakuvan lisääminen
  • Linkin lisääminen
  • Taulukon lisääminen

Kuvan lisääminen
  • Kirjoita/kopioi alla oleva koodi muistioosi.
  • Etsi kotisivuille haluamasi creative commons-lisensoitu kuva esimerkiksi wikimedia commons-sivustolta ja vaihda alla olevan koodin kuva omaasi (kopioi siis kuvan osoite).
  • Vaihda kuvan kokoa, WIDTH- tai HEIGHT- komennolla.
  • Kuvan koon voi antaa pikseleinä (px) tai prosentteina (%).

<IMG SRC=https://upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Six_weeks_old_cat_%28aka%29.jpg/800px-Six_weeks_old_cat_%28aka%29.jpg WIDHT=200px>
<!--kuvan tulee olla tallennettuna samassa kansiossa, jossa itse muistio on tai kopioida kuvan osoite netistä-->
 
</IMG>

Linkin lisääminen

Alla olevassa koodissa on kolme erilaista tapaa tehdä linkki.
  • Tutki, kuinka linkki näkyy kotisivuilla kullakin tavalla.
  • Vaihda linkit haluamallesi sivuille.

<A HREF=https://peda.net/kotka/perusopetus/langinkosken-koulu/oppiaineet2/atk >
Linkki atk-sivuille
</A>

<A HREF=https://peda.net/kotka/perusopetus/langinkosken-koulu/oppiaineet2/atk >
https://peda.net/kotka/perusopetus/langinkosken-koulu/oppiaineet2/atk
</A>

<A HREF=https://peda.net/kotka/perusopetus/langinkosken-koulu/oppiaineet2/atk >
<IMG SRC=https://upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Six_weeks_old_cat_%28aka%29.jpg/800px-Six_weeks_old_cat_%28aka%29.jpg width=200px>
<!--kuvan tulee olla tallennettuna samassa kansiossa, jossa itse muistio on tai kopioida kuvan osoite netistä-->
</IMG>
</A>

Taustakuvan lisääminen

Ensimmäisessä harjoituksessa opittiin vaihtamaan kotisivun taustaa. Nyt harjoitellaan lisäämään kotisivuille taustakuva.
  • Vaihda BODY-käskyssä taustavärin BGCOLOR tilalle taustakuva BACKGROUND=
  • Liitä perään haluamasi kuvan osoite.

<BODY BGCOLOR="#BEE3C2" TEXT="navy">