Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Harjoituksia

Harjoitus 1:

1. Avaa Notepad-ohjelma.

2. Tee yksinkertainen html-sivu, joka sisältää

...

5. Avaa selain (Firefox) ja esikatsele tiedosto selaimessa.
Tiedosto avataan valitsemalla Tiedosto > Avaa tiedosto selaimen päävalikosta.

Harjoitus 2:

Muuta edellisen harjoituksen tekstin väri vihreäksi.

Käytä font-elementin color-määritettä.

Esikatsele selaimessa.

Harjoitus 3:

Tee verkkosivu, jossa on nimesi siten, että jokaisessa kirjaimessa on käytetty eri otsikkotasoja (h1 - h6).

Vaihda taustaväri siniseksi (bgcolor).

Tallenna ja esikatsele. 

Harjoitus 4:

1. Avaa Notepad-ohjelma.

2. Tee yksinkertainen html-sivu, ja lisää sinne teksti.

...

6. Tallenna ja esikatsele selaimessa

Harjoitus 5: Linkitys 

1. Tee uusi html-dokumentti ja tallenna se kansioosi. 

...

5. Tallenna ja esikatsele

Harjoitus 6: kuvan lisääminen

Lisää sivuille kuva osoitteesta http://www.sxc.hu/photo/1182553

...

5. Tallenna ja esikatsele selaimessa

Harjoitus 7: kuvan ja tekstin asettelu sivuille

Jatka edellistä harjoitusta lisäämällä sivulle tekstiä.

...

Miltä muuta align-määritteet näyttävät? (center,right, top, middle)

Harjoitus 8: Siirto palvelimelle

Siirrä harjoitukset FTP:llä omaan kotihakemistoosi, public_html -hakemistoon

HUOM! Muista siirtää myös kuvat-kansio sisältöineen, muuten kuvat eivät näy verkossa!

Harjoitus 9

1. Tee uusi html-sivu, ja tallenna se nimellä index.html

...