side-top
HTML

Hyperlinks

En af de absolutte grundsten i hele internettets idé er hyperlinks - eller med andre ord: Det at kunne henvise direkte til andres hjemmesider.
Hyperlinks bruges imidlertid også i høj grad i forbindelse med navigation på ens egen side - dvs. den måde man "klikker sig rundt" på en side.
Den mest simple form for navigation med hyperlinks hedder:

Targets

Med targest kan man henvise til et bestemt sted på en side.
Trykker du fx her, ryger du ...

Tagget hedder <a> (står for anchor), og det er ikke meget værd uden attributten href, som står for hyperlink reference. Linket laves således:

<a href="#det-navn-du-vælger">LINK-TEKST<a>
			
ex.4: Se ovenstående kode i et vindue

Læg mærke til tegnet #, som viser browseren, at det er et link internt på siden og ikke til anden side på nettet (http).

Nu har du lavet et link, men du lave et target (et mål), som linket skal henvise til. Det gør du således:

<a name="det-navn-du-vælger"><a>
			

Nu hedder attributten "name" og værdien i name skal altså være præcis den samme som i "href" (ovenfor) - men UDEN #-tegnet.

Targets kan bruges til nemt at lave en hjemmeside med en menu for oven, og hvor alt indhold er under menuen - alt sammen i én html-fil. Du kan se et eksempel på sådan en side her. Her er der øverst en menu, som henviser til indhold, som blot står længere nede på siden (og som man også kan scrolle sig ned til). Læg mærke til, at der ud for hvert punkt er et link, hvor der står "Til toppen af siden". På den måde har man en central menu, som man altid kan gå tilbage til.

Anchor

Man kan selvfølgelig også hyperlinke til et andet dokument - enten et "lokalt" dokument (dvs. en side eller en anden fil fra din egen hjemmeside.) eller et externt dokument (dvs. en side eller en anden fil fra en anden hjemmeside.). Til det bruger man...

Anchor - Local

Her henviser du til en side lokalt på din egen hjemmeside. Det kan være, du vil lave et hyperlink til en side med links, så skriver du:
<a href="links.html">Link til mine fede links<a>
			
ex.5: Se ovenstående kode i et vindue

Når du linker lokalt på din side, så går browseren som udgangspunkt ud fra, at den side, du linker til, ligger i den samme mappe, som den du linker fra. Derfor skal du huske at skrive "mappenavnet/filnavn.xxx", hvis du linker til noget i en anden mappe.
Hvis du linker fra en mappe, og gerne vil linke en mappe "bagud" er du nødt til at skrive den nøjagtige sti helt fra roden."

Til anchor-tagget, <a>, hører en række attributter, det vigtigste hedder target. Target bestemmer, hvordan et link skal åbnes. Der er flere muligheder, men de to væsentligste værdier hedder: "_blank" og "_top". _blank åbner et helt nyt browservindue - fx sådan: tryk.
_top åbner en siden oven i den side, der linkes fra - fx sådan tryk.
Attributten "target" bruges også, hvis man bygger en side op med frames, det kan du læse mere om under linke~frames.

Anchor - External

Her henviser du til en side eller en fil, som ligger et andet sted på internettet - på en anden hjemmeside. Det hele foregår som ved "Anchor - Local", men du skal blot huske at skrive HELE den korrekte url (internetadresse).

Hvis du fx vil linke til Krak, skal du skrive:

<a href="http://www.krak.dk" target="_blank">>Krak<a>
			

Ovenstående giver følgende resultat: Krak.
Læg mærke til, at du altid kan se, hvor linket fører hen ved at kigge nederst til venstre i browseren - i "statuslinjen".

HUSK ALTID http:// når du linker til en anden hjemmeside - ellers virker det ikke!










































... herned. Og trykker du her, kommer du tilbage.








































side-bund design © 2003
Anders Østerby
Valid CSS!  
side-bunde [ c l o s e ]