Tehtäviä:

1. Muotoile kokoamasi ulkoinen linkkilista linkeiksi, jotka toimivat.
2. Toteutetaan oman sivuston navigointipalkki.
• Navigointipalkki toteutetaan div-elementillä. Tämän elementin attribuuttina käytetään class-attribuuttia.
• class-attribuutille annetaan nimeksi esimerkiksi "navbar".
• tee div-elementin sisään linkit muille sivuillesi.
• toteuta navigoitipalkki jokaiselle sivulle. Huomaa korjata linkit!
• navigointipalkin ulkoasun määrittelemistä opiskellaan kohdassa 4.3 Ominaisuuksia

Esimerkiksi ulkoinen linkki Helsingin Sanomien WWW-sivulle (Helsinginsanomat -sana on linkkinä) :

<a href="http://www.helsinginsanomat.fi"> Helsinginsanomat</a>

Esimerkki, jossa määritellään navigointipalkki etusivulle (etusivu.html):

 
<div class="navbar">
<a href="/harrastukset/lukeminen.html">Lukeminen</a>
<a href="/harrastukset/urheilu.html">Urheiluharrastukset</a>
<a href="/lemmikit/koirat.html">Koirat</a> 
<a href="/kaverit/kaverit.html">Kaverit</a> 
</div>

Esimerkki, jossa määritellään navigointipalkki urheilu.html-sivulle:

 
<div class="navbar">
<a href="../lukeminen.html">Lukeminen</a>
<a href="urheilu.html">Urheiluharrastukset</a>
<a href="../lemmikit/koirat.html">Koirat</a> 
<a href="../kaverit/kaverit.html">Kaverit</a> 
</div>

Tallenna tekstidokumenttisi ja katso miltä se näyttää selaimesi kautta. Avaa selain ja valitse File (Tiedosto), Open (Avaa) ja avaa juuri tekemäsi dokumentti. Käyttäessäsi HTML-Kit -ohjelmaa, esikatselu toimii F8-pikanäppäimellä tai valitsemalla Preview (Esikatsele).