HTML-oppaan etusivu
 
Internet ja sähköposti
 
Perusteet
    Tekijänoikeudet
    Käyttömukavuus
    Kuvitus
    Julkaiseminen
  
HTML-koodit
    Sivun rakenne
  Väritys
    Värikoodit
  Kuvien koodit
  Korvausmerkit
  Hakemistorakenne
  Tekstin asettelu
  Linkit
  
Sanasto
 
 
Muut atk-palvelut
 
 
 

 

Erilaiset linkit

 
Voit laittaa Internet-sivuiltasi linkkejä muiden Internet-sivuille. Käytännössä sitä varten ei tarvitse edes pyytää lupaa. Tietysti on kohteliasta pyytää lupa tai ainakin ilmoittaa linkin tekemisestä. Mutta jos haluat jonkun laittavan linkin sinun sivuillesi omilta sivuiltaan, sinun täytyy pyytää sitä itse.

<A HREF="http://www.mtv3.fi"> MTV3:n kotisivulle</A> Linkki, joka vie Mtv3:n kotisivuille. Sitaattien sisälle voit kirjoittaa minkä tahansa Internet-sivun, FTP-palvelimen, news- ryhmän jne. osoitteen.

Selaimessa näkyy vain: MTV3:n kotisivulle

<A HREF="index.html">Kotisivulle</A> Tämä linkki avaa toisen Internet-sivun, joka sijaitsee samassa hakemistossa. Koska sivustollasi tulee todennäköisesti olemaan monta sivua, ne saa linkitettyä toisiinsa tällä koodilla.

Jos dokumentti sijaitsee jossakin toisessa hakemistossa, lisää nimen eteen tarvittava hakemistopolku esimerkiksi:

<A HREF="sekalaiset\tekniset.htm">Tekniset tiedot</A>

Myös kuvasta voi tehdä linkin:

<A HREF="http://www.mtv3.fi"><IMG SRC="kuva.gif"></A> Kuva.gif nimisestä kuvasta tulee linkki, jota klikkaamalla Internetin käyttäjä pääsee MTV3:n kotisivulle.

Jos teet kuvasta linkin, etkä poistanut kuvalta reunusta asettamalla BORDER-arvoa nollaksi, näkyy kuvan reunus samalla värillä kuin linkkienkin värit.

Ota vastaan palautetta

On hyvin kohteliasta laittaa oma sähköpostiosoite Internet-sivuille, jotta sivuilla kävijät voivat lähettää sivujen tekijälle ehdotuksia tai muita kommentteja.

Monet ovat ratkaisseet tämän seuraavalla koodilla:
<A HREF="MAILTO:oma.nimi@omaosoite.jotain">Lähetä postia</A>

Sähköpostilinkki avaa normaalin sähköposti-ikkunan. MAILTO kohdan jälkeen lisää oma sähköpostiosoitteesi.
HUOMAA, tietoturvariski!
Tätä ei pitäisi käyttää enää. Roskapostittajat etsivät nimenomaan näitä koodeja sivustoilta. Spämmirobotit löytävät helposti mailto: linkit sivun koodien seasta ja siten spämmitulva on taattu.

Nykyään käytetään monenlaisia tapoja esittämään sähköpostiosoitetta, esim. pelkällä tekstillä oma.nimi@omaosoite.jotain. tai korvaamalla @ merkki jollain tekstillä, kuten at tai ät. Tai esim. neuvomalla "Osoitteemme ovat muotoa etunimi.sukunimi@omaosoite.jotain" Suomenkieli on tässä vielä kohtalaisen hyvä, sillä pääosa spämmääjistä lienee amerikkalaisia.

Sähköpostiosoitteita myös koodataan siten, että ne näkyvät katsojalle normaalisti mutta kooditasolla ovat käsittämätöntä sekamelskaa. Tapoja on erilaisia enkä voi liiaksi korostaa sitä, että mailto: linkkiä ei tulisi käyttää missään tilanteessa.

Merkkilinkki

Merkkilinkin avulla pääsee liikkumaan toiseen kohtaan samassa dokumentissa. Jos sinulla on pitkä teksti, voit esimerkiksi tehdä sivun alkuun sisällysluettelon, jossa on sivun kaikki otsikot. Sisällöstä voi näin klikata sitä otsikkoa joka kiinnostaa.

Tässä siis tehdään ensin sanasta linkki ja sitten merkitään se kohta, johon linkki vie. Työn voi tehdä myös toisinpäin, sillä ei ole merkitystä. Kohdat voi merkitä millä tahansa sanalla tai numerolla, kunhan se on sama sekä merkkilinkissä sekä merkatussa kohdassa.

<A HREF="#merkki">Johdantoon</A> Johdantoon -sanaa klikkaamalla pääsee merkittyyn kohtaan.

Ja kohta merkitään seuraavasti: <A NAME="merkki">Tämä sivusto kertoo</A>

Jos haluat merkitä jonkin kohdan toisella sivulla, tee näin

<A HREF="toinensivu.htm#merkki">Toiselle sivulle</A> Eli näytölle tulee vain teksti: Toiselle sivulle

Sitä klikkaamalla pääsee toinensivu.htm nimisen sivun merkittyyn kohtaan.

Muista merkitä paikka <A NAME="merkki">Tällä sivulla kerrotaan</A> sille sivulle jolle linkki vie.

Linkkeinä voi myös käyttää tekstin sijaan kuvia. Tällöin tekstinä toimineen linkin tilalle laitetaan koodi, joka tuo kuvan sivulle, ja sehän oli <IMG SRC="kone.gif">

Eli koodi näyttää tältä:

<A NAME="#merkki"> <IMG SRC="kuva.gif"> </A>

Näin on muodostunut kuva.gif –nimisestä kuvasta linkki toiseen kohtaan samalla Internet-sivulla. Tosin en keksi mihin tuota voisi käyttää, mutta osoittakoon se tässä sitä, että linkkien koodit siis rakentuvat kaikki samalla tavalla.

Tärkeää on muistaa merkitä aina molemmat kohdat, sekä linkki että se kohta johon linkki vie!

 
 
 
 

GN113 Warbird Consulting Oy, Malmin lentoasema, 00700 Helsinki puh. 0400 411 595