|
|
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
|
Linkit |
Bannerit | Lisää oma linkkisi |
|
Linkkejä on montaa tyyppiä: Linkkejä toisiin WWW-sivuihin, sisäisiä linkkejä, linkkejä tiettyyn kohtaan toisille sivuilla, linkkeinä toimivia kuvia, sähköpostilinkki ja kehyksissä toimivia linkkejä. Linkkien oletus väri on sininen ja niissä on alleviivaus, ellei niitä ole toisin erikseen määritelty.
Linkit muille WWW-sivuille Yleensä linkkejä käytetään viittaamaan muihin WWW-sivustoihin. Linkin koodi olisi seuraavanlainen <A HREF="sivun osoite">Näkyviin haluttava teksti</A>. Sivun osoite kirjoitetaan lainausmerkkien sisään. Esim. Tehdään linkki jollekin sivuille: <A HREF="http://www.elkoo.net">Kalastusaiheiset sivut</A> Lisämäärityksenä voidaan käyttää esim. target="_top" jolloin sivu aukeaa nykyisen päälle. Tai target="_blank" tai target="_new" jolloin ko. sivulle aukeaa uusi selainikkuna. Esim. <A HREF="osoite" target="_blank"> Jos viitataan samassa kansiossa olevaan toiseen WWW-sivuun (esim. omat kotisivut), voidaan osoitteen paikalle kirjoittaa pelkkä kohdesivun nimi. Esim. <A HREF="koodit.html"> Koodeja sivulle </A>, viitataan siis samassa kansiossa olevaan "koodeja.html"-nimiseen WWW-sivuun. Jos linkin kohteena oleva sivu sijaitseekin alikansiossa, täytyy linkin koodiin lisätä alikansion nimi esim: <A HREF="alikansio/kohdesivu.html">Näkyviin haluttava teksti</A> Myös linkissä voidaan haluttaessa käyttää selitystekstiä samoin kuin kuvassa alttia, nyt sen tilalla käytetään titleä <A HREF="sivu.html" title="Plaa plaa sivulle"> Plaa plaa </A> Selitystekstiä voidan käyttää myös tavallisessa tekstissä, <a title="Tekstin selitystä."> Harvemmin tosin tälläisen käyttöön on tarvetta.</a> Sivun sisäiset linkit Sisäiset linkit ovat näppäriä mm. jos sivu sisältää paljon tekstiä. Voit tehdä esim. sivun alkuun sisällysluettelon, josta siirtyminen oikeaan kohtaan käy helposti ja nopeasti. Jotta voit tehdä linkin toiseen kohtaan samalla sivulla, täytyy linkin kohde nimetä. Se tapahtuu kirjoittamalla <A NAME="linkin_kohde"></A> linkin kohteeksi haluttuun paikkaan. Jos halutaan linkki tämän kappaleen otsikosta "Sivun sisäiset linkit" alempana olevaan "Sähköposti linkki" otsikkoon, nimetään kohde esim: <A NAME="email"> Sähköposti linkki </A> Kun linkin kohde on nyt nimetty, voimme tehdä siihen viittaavan linkin. Edellä olleessa esimerkissä annettiin linkin kohteelle nimi "email". Siihen viittaava linkki tehtäisiin <A HREF="#email"> Sivun sisäiset linkit </A>. Sisäisen linkin kohteen nimi tulee kirjoittaa lainausmerkkien sisään ja kohteen nimen eteen kirjoitetaan #-merkki. Merkki kertoo selaimelle, että linkillä viitataan sivulla olevaan erikseen nimettyyn kohtaan. Linkit tiettyyn kohtaan toisilla WWW-sivuilla On myös mahdollista viitata tiettyyn kohtaan toisella WWW-sivulla. Tässä tapauksessa kohdesivulla täytyy kuitenkin olla olemassa <A NAME="..."></A> koodilla nimetty kohta. Linkin kohteena olevan WWW-sivun nimen perään kirjoitetaan #-merkki ja nimetyn kohdan nimi. Esim. <A HREF="alikansio/ruoka.html#hanhenmaksa_pallerot"> Hanhenmaksa pallerot </A> hakisi näytölle alikansiossa olevan "ruoka.html"-nimisen sivun ja siinä olevan "Hanhenmaksa pallerot"-nimisen kohdan. Sähköposti linkki Voit laittaa sivuillesi linkin, jota napsauttamalla voi surffaaja lähettää sinulle sähköpostia. Koodi on muotoa: <A HREF="mailto:osoite@palveluntarjoaja.tunnus">Näkyviin haluttava teksti</A>. Osoite kannattaa kirjoittaa myös näkyviin. Jos postin lähetys ei jostain syystä onnistuisikaan (näin voi välillä tapahtua), niin voi tämän osoitteen halutessaan kirjoittaa muistiin vastaisuuden varalle. Esim: <A HREF="mailto:osoite@palvelin.tunnus">osoite@palvelin.tunnus</A> Sähköposti linkeissä ei käytetä target eikä muitakaan määrityksiä. Linkki toiseen tiedostomuotoon Voit tehdä linkin myös muihin kuin html tiedostoihin esim. word tiedostoon. Koodi on: <A HREF="html_opas.doc">HTML kielen perusteita</A>. Kuva linkki Jos halutaan käyttää kuvaa linkkinä, tehdään se yksinkertaisesti lisäämällä kuvamäärittely linkkimäärittelyn sisään. Esim. <A HREF="kohdesivu.htm"><IMG SRC="kuva.gif"></A> Kuvalinkille voi antaa samoja lisämäärittelyjä kuin muillekin kuville ja linkeille. 
|
|
Bannerit | Takaisin ylös | Lisää oma linkkisi |
Mainosbanneri eli internet sivulla oleva mainoskuva, joka on samalla linkki ilmoittajan omalle sivustolle. Mainosta klikkaamalla käyttäjä lataa mainos sivun selaimensa näytölle. Bannerin koko ilmoitetaan pikseleinä (leveys*korkeus). Hyvin yleinen koko on 468*60 pikseliä. Myös 400*40 ja pienempiäkin on ja vaikka minkä kokoisia. 88*31 kokoista kutsutaan buttoniksi. Banneri voi olla staattinen kuva tai animaatio. Flash animaatio tai java appletti, ja ties mitä, nämä vain esimerkkeinä mainiten. Kuvabanneri liitetään sivulle aivan samoin kuin mikätahansa kuvalinkki (kts. yllä). 
| ||||
|
