Html lingid
S elleks, et liikuda veebis ühelt dokumendilt teisele, kasutatakse Html'is hüperlinke.
Ankru märgis ja Href atribuut
Html'is kasutatakse <a> (ankur) märgist hüperlingi loomiseks, selleks, et liikuda ühelt dokumendilt teisele.
Ankur võib viidata ükskõik millisele veebiressursile. Selleks võib olla Html dokument, pilt, muusika, fail, film jne.
Ankru element, Html dokumendis, kirjutatakse selliselt:
<a href="url">See tekst kuvatakse</a>
Märgis <a>, on ankur, mis viitab mingile lingile. Atribuut href määrab dokumendi aadressi, kuhu link viib. Tekst mis jääb ankru alguse ja lõpumärgise vahele, kuvatakse nagu hüperlink e. lingitava tekstina.
Ankur määrab lingi asukohaks Eesti interneti otsingusüsteemi:
<a href="http://www.neti.ee/">Vaata Netti!</a>
Brauseris peaks tulemus välja nägema selline:
Vaata Netti!
Sihtmärgi atribuut
Sihtmärgi atribuudi abil saab määrata koha kus lingitav dokument avaneb.
All pool olev näide avab dokumendi uues brauseri aknas:
<a href="http://www.neti.ee/" target="_blank">Vaata Netti!</a>
Ankru märgis ja Name atribuut
"Name" atribuut on vajalik nimega ankru loomisel. Nimega ankur viib linkimisel veebilehe teatud kindla osa e. sektsiooni juurde. See säästab veebilehe külastajat ülesse-alla kerimisest.
Nimega ankur kirjutatakse selliselt:
<a name="label">See tekst kuvatakse</a>
Atribuut "name" võib olla ükskõik milline tekst.
Niimoodi kirjutatakse nimega ankur:
<a name="nipid">Kasulikkude Nippide Peatükk</a>
Nimega ankrut ei kuvata mingil erilisel moel.
Näiteks: selleks, et linkida otse "nipid" peatükile, tuleb lisada # märk ja ankru nimi URL'i lõppu:
<a href="http://www.igasuguvigurid.com/html_vigurid.asp#nipid">
Hüppame Kohe Kasulikkude Nippide Peatükile</a>
Kasulikkude Nippide Peatüki faili "html_vigurid.asp" sees linkimiseks kasutame sellist moodust:
<a href="#nipid">Hüppame Kohe Kasulikkude Nippide Peatükile</a>
Näited:
Link avaneb uues brauseri aknas
Selles näites demonstreeritakse, kuidas link avaneb uues aknas, seega külastaja ei pea lahkuma sinu veebisaidilt.
Linkimine samal leheküljel
Selles näites demonstreeritakse, kuidas link viib uude kohta samal veebilehel.
Raamistusest väljumine
Selles näites demonstreeritakse, kuidas väljuda raamistusest, juhul kui sinu sait on raamistuses kinni.
Kuidas teha meili-linki
Selles näites demonstreeritakse, kuidas luua meili-linki (ainult juhul kui meiliredaktor on installeeritud).
Veel üks meili-link
Veidi keerulisem meili-link
Lingi märgis:
| Märgis | Kirjeldus |
|---|---|
| <a> | Määratleb ankru |
