Linkit


etusivu aloitus linkitys kuvia sivuille taulukot tyylit bootstrap bootstrap esimerkkejä lomakkeet lomake-esimerkki

Hypertekstin tärkeimpiä ominaisuuksia ovat linkit. Niiden toteutus tapahtuu <a>-tagilla:

<a href="tokasivu.html">Toiselle sivulle</a>

Tämä siis luo linkin, jossa tekstistä "Toiselle sivulle" klikkaamalla pääsee sivulle tokasivu.html

linkkejä voi olla myös sivun sisäisiä. Ne tehdään merkitsemällä ensiksi paikka, mihin halutaan siirtyä:

<a name="paikka">

Tähän sitten siirrytään näin:

<a href="#paikka">Toiseen paikkaan samalla sivulla</a>

Ulkoiset linkit pitää määritellä http- taikka https-protokollalla:

<a href="http://bluefish.openoffice.nl/index.html">Bluefish-editorin kotisivulle</a>

Ankkuri-valinnalla voi myös toteuttaa linkkejä. Kuvassa näkyvästä ankkurin kuvasta saa tämän dialogin näkyville:

ankkuri

HREF-valintaan kirjoitetaan se paikka, johon siirrytään ja se siis on tärkein näistä. Target-valinnalla voi valita, aukeaanko sivu uuteen ikkunaan, jos näin halutaan. Lopulta kuitenkin on kirjoitettava itse se siirtymäteksti tagien väliin. Sitä ei syystä taikka toisesta onnistu tästä tekemään.

Tavanomaisia virheitä

Yleisin virhe tehtäessä linkkejä lienee se, että linkki osoittaa johonkin paikalliseen tiedostoon, tähän tyyliin:

<a href="file://C:/users/ktunnus/kotisivut/tokasivu.html">Toiselle sivulle</a>

Tällaisen saa aikaiseksi yleensä siten, ettei ole tallettanut muokattavaa tiedostoa mihinkään, jolloin sillä ei ole sidottua työhakemistoa. Ja kun viitataan toiseen sivuun, se ei voi mitenkään tietää, miten tätä pitää käsitellä, jolloin laitetaan absoluuttinen polku juuresta alkaen.

Toinen tapa hankkia tällainen linkitys on talletella tiedostoja eri hakemistoihin, jolloin myöskin saadaan usein

Usein esiintyvä virhe on sekin, että unohdetaan http://-protokollamäärittely linkin alusta, kun luodaan ulkoisia linkkejä:

<a href="www.example.com">Esimerkkiosoite</a>

Tässä www.example.com käsitetään nyt paikalliseksi tiedostoksi, ei linkiksi muualle.


Sivun alkuun...