HTML-Links

Ne kete leksion do te flasim per nje nga komponentet me te rendesishem e me te famshem te web: Linket.

Linket dhe hyperteksti

Link jane urra qe na lejojne te kalojme nga nje pjese tekst ne nje tjeter. Link jane te perbere nga dy komponente:

  • Permbajtja: eshte pjesa e dukshme e link, duhet te jete e tille qe user te kuptoje cfare ky link ben dhe te dije ku te klikoje.
  • Dokumenti: destinacioni i link, mund te jete nje faqe tjeter ose nje pike brenda te njejtes faqe

Kjo eshte sintaksa per te krijuar nje link qe referon nje faqe tjeter:

<a href=”http://www.tutorialeshqip.com/”>Tutoriale Shqip</a>

Ne kete shembull permbajtja e link eshte “Tutoriale Shqip” ndersa dokumenti eshte http://www.tutorialeshqip.com/, faqja e pare e ketij siti.
Ne rastin kur duam te spostohemi brenda te njejtes faqe duhet te veprojme keshtu:
Kjo eshte sintaksa e link:

<a href=”#A”>Shko me poshte</a>

Kete kod duhet ta vendosni aty ku deshironi tju spostoje linku i mesiperm:

<a name=”A”>Kjo eshte poshte</a>

Keto jane te ashtuquajturat ankors, shqip: speranca.

Sic e pame ne keto dy shembuj kjo eshte struktura e pergjithshme e link dhe kjo nuk ndryshon kur destinacioni eshte nje file .img, .pdf, .doc, .zip etj. Ndryshon vetem menyra se si sillet browser:

  • Imazh .jpg .gif .png : Imazhi shfaqet ne browser
  • Dokument .doc .html .pdf : Dokumenti shfaqet ne browser. Ne rastin e .doc .pdf user duhet te kete instaluar plug-in e caktuar per te shfaqur keto dy dokumente. Mjafton te jete i instaluar MS Office apo Adobe Acrobat Reader. Ne rast te kundert userit do ti kerkohet te beje save file.
  • File .zip .exe : User do ti kerkohet te shkarkoje file

Mund te linkojme edhe adresen tone te email. Klikimi mbi link do te hape Outlook per te derguar nje email ne adresen e specifikuar.

<a href=”mailto:Mail@Website.com”>
Dergome nje email
</a>.

Atributet e link

Pasi pame si mund te ndertojme nje link le te shofim atributet qe mund te perdorim per te personalizuar linket:

target

Per default faqee linkuar hapen bernda te njejtes faqe ku ndodhet link. Kete mund ta ndryshojme duke perdorur atributin target.

<a target=”_blank” href=”http://www.tutorialeshqip.com”>Tutoriale Shqip</a>

_blank ben qe faqe e linkuar te hapet ne nje dritare tjeter.

title

Atributi title eshte shume i rendesishem. Te lejon te specifikosh nje tekst te caktuar ne funksion te linkut. Nqs lihet mouse siper link per disa sekonda do te shfaqet nje etikete me tekstin e specifikuar tek atributi title.

<a title=”Ne Tutoriale Shqip do te gjeni tutoriale ne gjuhen shqipe”
href=”http://www.tutorialeshqip.com/” target=”_blank” >
Tutoriale Shqip
</a>

Atributi title eshte shume i rendesishem edhe per pozicionimin ne motoret e kerkimit.

hreflang

Perdoret per te specifikuar gjuhen e faqes qe linkohet. Perdoret edhe per te specifikuar qe nje seksion i faqes tende eshte ne gjuhe te huaj.

<a href=”http://www.w3c.org/” hreflang=”eng” target=”_blank”>World Wide Web Consortium ne anglisht</a>

accesskey

Perdoret per te specifikuar shkronja te cilat kur shtypen nga tastiera lejojne te hapet nje faqe e caktuar.

<a href=”http://www.tutorialeshqip.com/” accesskey=”h” target=”_blank” >Shko ne Home</a>

Ne kete shembull kur user shtyp ALT + h + enter (IE), ose h+enter(Moxilla) do te hapet home i tutorialeshqip.com. Duhet patur kujdes me perdorimin e ketij atributi, pai perdorimi i tij i crregullt mund te shkaktoje probleme ne hapjen e faqeve dhe kunfuzitet ne userat. Mund te perdoret per faqet kryesore te sitit.

Ngjyrosim link

Mund te kemi nevoje qe te ngjyrosim disa linke te caktuara, kete mund ta bejme keshtu:

<a href=”http://www.tutorialeshqip.com/” target=”_blank” ><font color=”red” size=”2″ face=”Verdana, Arial, Helvetica, sans-serif”>Tutoriale Shqip</font></a>

Rezultati:

Tutoriale Shqip

<base>

Eshte nje tag dhe jo atribut i cili perdoret per te specifikuar linke relative. Le te shofim shmbullin per ta kuptuar mire funksionimin e tij:

Kodi i meposhtem duhet specifikuar ne head te faqes:
<base href=”http://www.shembull.com/direktoriaIme”>
Ky eshte link qe do vendosim ne faqe:
<a href=”file.html”>link relativ</a>

Ky eshte rezultati:

http://www.shembull.com/direktoriaIme/file.html

  • Share/Bookmark

Reth autorit