Warning: count(): Parameter must be an array or an object that implements Countable in /home/noorakor/public/html/verkkovelhokoulu/wp-content/plugins/user-specific-content/User-Specific-Content.php on line 373

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.