Harjoitustyö 1
Harjoitustyö 1
Tee seuraavat tehtävät järjestyksessä gedit-tekstieditorilla
ja esikatsele selaimessa opettajan ohjeiden mukaiseseti.
Tallenna lopuksi valmis työ ja palauta tiedosto peda.nettiin
1. Luo perusrakenne muistiolla
(html, head, title,/title,/head, body, /body,/html)
2. Aseta otsikoksi (titlen jälkeen) [omanimesi] kotisivu. esim Pekan kotisivu
3. Aseta taustaväriksi oma suosikkivärisi käyttäen RGB-värejä
(esim BODY BGCOLOR="#1DF706")
4. Kirjoita BODY-osaan pieni esittely itsestäsi. (noin 5-10 lausetta)
kerro ainakin nimesi ikäsi, missä päin asut, harrastuksesi ja mistä pidät jne
Vaihda riviä BR tai P tägeillä tarvittaessa.
5. Muuta työsi fontti, fonttikoko ja väri haluamaksesi.
oletusarvot eivät kelpaa!
(FONT FACE="" COLOR="" SIZE="")
6. Alleviivaa, lihavoi ja kursivoi jotkin sanat työstäsi. (B,I.U)
+++BONUS+++
Tee työhösi lisäämällä
BODY-osan jälkeen teksti: TERVETULOA KOTISIVUILLENI
tehtävänäsi on värjätä ja muuuttaa fontti otsikon kaikista kirjaimista. Jokainen kirjain on siis erivärinen ja eri fontilla tehty.
Joudut siis käyttämään aika monta FONT tägiä:)
ja esikatsele selaimessa opettajan ohjeiden mukaiseseti.
Tallenna lopuksi valmis työ ja palauta tiedosto peda.nettiin
1. Luo perusrakenne muistiolla
(html, head, title,/title,/head, body, /body,/html)
2. Aseta otsikoksi (titlen jälkeen) [omanimesi] kotisivu. esim Pekan kotisivu
3. Aseta taustaväriksi oma suosikkivärisi käyttäen RGB-värejä
(esim BODY BGCOLOR="#1DF706")
4. Kirjoita BODY-osaan pieni esittely itsestäsi. (noin 5-10 lausetta)
kerro ainakin nimesi ikäsi, missä päin asut, harrastuksesi ja mistä pidät jne
Vaihda riviä BR tai P tägeillä tarvittaessa.
5. Muuta työsi fontti, fonttikoko ja väri haluamaksesi.
oletusarvot eivät kelpaa!
(FONT FACE="" COLOR="" SIZE="")
6. Alleviivaa, lihavoi ja kursivoi jotkin sanat työstäsi. (B,I.U)
+++BONUS+++
Tee työhösi lisäämällä
BODY-osan jälkeen teksti: TERVETULOA KOTISIVUILLENI
tehtävänäsi on värjätä ja muuuttaa fontti otsikon kaikista kirjaimista. Jokainen kirjain on siis erivärinen ja eri fontilla tehty.
Joudut siis käyttämään aika monta FONT tägiä:)