2.11 Linkki

Se mikä tekee webistä niin hienon ja monipuolisen on se, että sivuja voidaan linkittää toisiinsa. Tekstissä oleva uusi termi voi olla samalla linkki jonnekin toisaalle, jossa kyseinen termi on esitetty. Tai jos jossain muusikon haastatteluartikkelissa mainitaan joitain laitteita, artisteja tai kaupunkeja, voi maininnan yhteydessä olla linkki kyseisen laitteen esittelysivulle, toisen artistin kotisivulle tai kaupunkien esittelysivuille.

Linkki voi osoittaa mihin tahansa sivuun, kuvaan, videoklippiin tai ylipäätään tiedostoon joka löytyy webistä, ja jolle on oma yksilöllinen osoitteensa (katso aiemmin mainittu URL).

Linkki voi olla myös linkki sähköpostiosoitteeseen. Tällöin kun käyttäjä osoittaa linkkiä, siirtyy tietokone automaattisesti sähköpostiohjelmaan ja aloittaa uuden viestin jossa on valmiina juuri klikattu sähköpostiosoite.

Peruslinkki

Linkin "syntaksi" on seuraava:

<a href="tähän URL johon viitataan">linkin nimi</a>

a tulee sanasta anchor eli ankkuri. Ankkuri-elementin tärkein parametri on tuo href (h-reference, en tiedä mistä tuo h-kirjain tulee).

Esimerkki
Siirry <a href="http://www.hotmail.com">Hotmailiin</a> tai 
<a href="http://www.suomi24.fi">suomalaiseen ilmaispostiin</a>..

Siirry Hotmailiin tai suomalaiseen ilmaispostiin.

Alku- ja lopputunnisteen välissä oleva teksti toimii linkkinä ja näkyy sellaisenaan selaimessa.

Huom!
URL voi olla absoluuttinen tai osittainen. Absoluuttinen URL alkaa tuolla http://-systeemillä (eli protokollamäärittelyllä). Jos sen unohtaa siitä pois niin linkki ei toimi toivotulla tavalla.

Tosin, jos sivu tai kuva johon viitataan sijaitsee samassa hakemistossa kuin työn alla oleva web-sivu, voidaan käyttää osittaista ULR:ia ja lyhentää siten linkin syntaksia. Esimerkiksi jos haluat tehdä linkin tekemältäsi sivulta sivu_1.html sivulle 2 (joka sijaitsee samassa hakemistossa), riitäisi seuraava:

<a href="sivu_2.html">Siirry sivulle 2</a>

Jos hallitset unixin tai Windowsin polut, voit käyttää osoitteena ylempänä olevia hakemistoja tai alihakemistoja:

<a href="../index.html">Takaisin kotisivulle</a>
siirtyy index.html -sivulle, joka sijaitsee nykyisen hakemiston yläpuolella

<a href="harjoitukset/harj1/index.html">Harjoitus 1</a>
siirtyy sivulle, joka sijaitsee kaksi hakemistoa alaspäin eli harjoitukset/harj1/ -hakemistossa

<a href="../../pics/image321.gif">kuva</a>
siirtyy nykyisen hakemiston rinnalla sijaitsevaan hakemistoon nimeltä pics ja siellä kuvaan image321.gif

Linkki saman sivun eri kohtaan tai keskelle jotain toista sivua

Yleensä linkkiä klikkaamalla avautuu uusi sivu sellaisenaan. On kuitenkin mahdollista tehdä linkki niin, että selain hyppää suoraan tiettyyn kohtaan tuota sivua. Sama onnistuu luonnollisesti myös saman sivun sisällä (katso vaikka http://www.karvonen.info/mute/mute_links.html - voit siirtyä toiseen osioon klikkaamalla jotain osioiden välissä olevaa linkkiä).

Ihan ilman valmisteluja tämä ei kuitenkaan onnistu. Kohdesivulla täytyy olla valmiina nimiankkuri johon voidaan viitata. Nimettyjä ankkureita on helppo tehdä, syntaksi on varsin yksinkertainen:

<a name="osa1"></a>

Huomaa, että alku- ja lopputagin väliin ei ole pakko laittaa mitään. Voit toki siihen jotain kirjoittaa: teksti näkyy selaimessa linkkinä, vaikka se ei siirräkään selainta mihinkään muualle.

Jos tuo ylläoleva ankkuri sijaitsee esim. HTML-sivulla, jonka nimi on teoria.html, linkki tuohon nimi-tagiin on seuraavanlainen:

Teoriani ensimmäisen luvun löydät 
<a href="http://www2.stadia.fi/~99999999/artikkelit/teoria.html#osa1">tästä</a>.

Samaan sivuun eli itseensä voidaan viitata käyttämällä pelkästään tuota koodia #:

<a href="#">Linkki itseeni</a> (lataa sivun uudestaan) ja 
linkki kohtaan <a href="#email">e-mail</a> (samassa dokumentissa)

Linkki itseeni (lataa sivun uudestaan) ja linkki kohtaan email (samassa dokumentissa)

E-MAIL

Sähköpostilinkin tekeminen on myös hyvin helppoa:

Voit lähettää myös <a href="mailto:tauno.testikayttaja@edu.stadia.fi">postia</a>.

Voit lähettää myös postia.

Pari varoituksen sanaa

Netissä pörrää erilaisia automaattisesti toimivia hakurobotteja, jotka nuuskivat tietoja web-sivuilta. Googlet ja muut hakukoneet käyttävät näitä, mutta ikävä kyllä myös hämärämiehet, jotka keräävät ihmisten sähköpostiosoitteita myytäväksi spammipostin lähettäjille. Jos siis haluat välttää roskapostin saapumisen osoitteeseesi, älä pistä sitä koskaan julkisesti minnekään, vaan muokkaa se jollain tavalla epäkelvoksi, esim.

antti.karvonen@poistatama.stadia.fi
antti.karvonen@stadia.eiroskiapliis.fi

Äläkä myöskään koskaan laita arkaluontoista tietoa itsestäsi nettiin, sillä kerran sinne päästyään sitä tietoa ei koskaan saa sieltä pois. Varo erityisesti laittamasta asuinosoitettasi julkisesti jakeluun - netistä löytää kaikenlaisia hörhöjä joilla ei välttämättä ole hyvät asiat mielessä ja olisi varsin epätoivottavaa, että joku tällainen hörhö tietää missä asut...

Muut linkit

Kaikki edellä mainitut linkit käyttävät http-protokollaa linkin muodostamiseen. HTML:ssä on kuitenkin mahdollista tehdä linkki esim. johonkin tiedostoon, joka sijaitsee FTP-palvelimessa:

Voit ladata GIMP-ohjelman ilmaiseksi joko käyttämällä
<a href="http://gnu.kookel.org/ftp/gimp/">HTTP-protokollaa</a> tai 
<a href="ftp://ftp.gwdg.de/pub/misc/grafik/gimp/">FTP-protokollaa</a>.

Voit ladata GIMP-ohjelman ilmaiseksi joko käyttämällä HTTP-protokollaa tai FTP-protokollaa.

Jos haluat tietää miten tuohon rimpsuun voidaan sisällyttää vielä käyttäjätunnus ja salasana, lue Jukka Korpelan artikkeli aiheesta.

Summa summarum: koska selain hallitsee FTP-protokollan voit käyttää sitä myös FTP-asiakkaana. Ikävä kyllä se osaa vain tiedostojen noutamisen palvelimelta omalle koneellesi (download). Et voi selaimella siirtää tiedostoja omalta koneeltasi palvelimelle (upload).