1. Avaa Notepad++ tai sen puutteessa Notepad.
2. Kirjoita sinne ryhmän kanssa lapuista laadittu HTML-dokumentti. Kaikki tagit oikeassa järjestyksessä.
Diviä ei tässä tehtävässä tarvitse käyttää, mutta jos haluat kartuttaa itsellesi etevän koodivelhon mainetta, voit keksiä sillekin sopivan paikan – tai useampia.
3. Muista tallentaa dokumentti html-tiedostona!
4. Jotkut tagit kaipaavat sisällensä tekstitäytettä. Sellaisia ovat:
- title
- h1
- h2
- p
Lisää täytteet paikoilleen ja tallenna.
5. Avaa tekemäsi .html-tiedosto webbiselaimella ja ihaile upeaa luomustasi!
6. Lisää sivuille haluamasi kuva. Tallenna kuva samaan kansioon kuin .html-tiedostosi. Anna kuvan img-tagin src-attribuutiksi kuvan tiedostonimi. Googlaa apua tai kysy kaverilta, jos nousee seinä pystyyn. :)
Tallenna ja tarkista selaimella, näkyykö kuva.
7. Lisää sivuille linkki eli täytä a-tagin href-attribuutille haluamasi sivuston osoite.
Muista lisätä myös linkkiteksti, joka näytetään käyttäjälle URL:n sijasta oikeaan paikkaan.
Tallenna ja tarkista selaimella, toimiiko linkki.
Onneksi olkoon. Olet luonut ensimmäisen täysipainoisen HTML-sivusi! Esittele se ylpeänä lähimmälle naapurillesi.