Harjoituksia

Harjoitus 1:

...

1. Avaa Notepad-ohjelma.

...

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

• dokumenttityypin määrittelyn DOCTYPE
• juurielementin HTML
• HEAD- ja BODY -elementit  
• TITLE-elementin HEAD-osioon

...

1. Kirjoita nimesi BODY-elementin sisälle

...

1. Tallenna nimellä harjoitus1.html

...

1. Tarkista, että html on validia! http://validator.w3.org/^{Image Modified}

...

1. Avaa selain (Firefox) ja esikatsele tiedosto selaimessa.

...

1. Tiedosto avataan valitsemalla Tiedosto > Avaa tiedosto selaimen päävalikosta.

Harjoitus 2:

Muuta edellisen harjoituksen Luo tyylitiedosto, jonka linkität html-sivun LINK-osioon. Muuta tyylitiedostossa tekstin väri vihreäksi.Käytä font-elementin color-määritettä.

Esikatsele selaimessa.

Harjoitus 3:

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

Vaihda taustaväri siniseksi (bgcolor)tyylitiedostoon.

Tallenna ja esikatsele. 

Harjoitus 4:

1. Avaa Notepad-ohjelma.

...

Jatka edellistä harjoitusta:

1. Lisää sinne teksti.

...

1. Muotoile teksti siten, että siinä on pääotsikko (h1) ja alaotsikot (h2). Jaa leipäteksti kappaleisiin.

...

1. Korosta tärkeitä sanoja vahvistamalla ne (käytä

...

1. strong -elementtejä) 

...

1. Tallenna ja esikatsele selaimessa

Harjoitus 5: Linkitys 

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

...