Ensimmäinen HTML-sivu

1. Avaa Notepad++ tai sen puutteessa Notepad.verkkovelhosivu

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.