​
1. Luo omaan kansioosi uusi kansio nimeltä "HTML". Tähän kansioon tehdään harjoitukset ja lopullinen työ.

2. Avaa Atom ja avaa uusi tiedosto. Tallenna tiedosto kansioosi nimellä index.html

3. Kopioi yllä käsitelty esimerkki todella yksinkertaisesta kotisivusta ja tallenna tiedosto. Paina yhtäaikaa ctrl+shift+h, jolloin atom aukaisee erillisen esikatseluikkunan. Tutki sivua ja vertaa sitä kopioimaasi koodiin.

4. Laita title-elementin sisällöksi Pasi-Anssi. Hakukoneet löytävät parhaiten title-elementissä olevan tekstin, jolloin sen on syytä olla perusmuodossa.

6. Muokkaa sivun pääotsikkoa (h1). Kirjoita otsikkoon myös Pasi-Anssi.

7. Kirjoita lyhyt parin lauseen kuvaus siitä, mitä Pasi-Anssi harrastaa ja tekee vapaa-aikana. Käytä mielikuvista. Muokkaat siis p-elementtiä.

8. Laita väliotsikoksi (h2) Yhteystiedot ja keksi Pasi-Anssin osoite, puhelinnumero ja sähköpostiosoite. Yhteystiedot saat jaettua siististi omille riveilleen br-elementin avulla

Esim.
<p>Henri Leinonen<br />
Sydän-Laukaan koulu<br />
565456545</p>

Testaa sivun toimivuus Internet-selaimessa!
​