6. Länkar - relativa och absoluta - ankare

Länkar vill man ju ha på sidorna.

En länk skapas med taggen A, likaså ett s.k. ankare.

Det finns två slag av länkar, de relativa och de absoluta. En länk blir absolut om du anger hela URL'en för den, alltså inkluderar host'en också. Anger du bara filnamnet och eventuella kataloger så blir länken bara relativ (relativ platsen den länkande sidan ligger på). Länkar du inom din egen site går det utmärkt att använda relativa länkar, men ska du länka till en annan site är det viktigt att du inte glömmer http:// och hela faderullan. Länkens destination sätter man efter en HREF-växel (Hypertext reference).

Glöm inte bort att du måste vara noggrann med filnamnen. "Index.html" räknas inte som samma fil som "index.html". Se till att skaffa dig en vana att bara använda antingen små eller stora bokstäver. Jag använder alltid små till filnamn...

Det går också att länka inom dokument, då länkar man till ett s.k. ankare. En destination till ett ankare kännetecknas av en #, ankarnamnet kommer därefter, och ev. har man en adress till en sida framför.

För att skapa en länk sätter man en A-tagg runt texten som ska bli länken, såhär:

<A HREF="http://se.eu.mirrors.freshmeat.net/">Det här är en absolut länk till
Freshmeat</A><P>

Och det här är en relativ länk till <A HREF="HTML-HOWTO-5.html#ss5.2">avsnitt
fem, underavsnitt 2</A>, som använder ett ankare som finns där i texten.<P>

Och det här är ett <A NAME="hejhej">ankare</A> vid namn "hejhej".<P>

Och det här är en <A HREF="#hejhej">relativ länk</A> till det ankaret

En ful länk till wlug.westbo.se kan göras såhär: <A
HREF="http://wlug.westbo.se/">wlug.westbo.se
</A>

Ger resultatet:

Det här är en absolut länk till Freshmeat

Och det här är en relativ länk till avsnitt fem, underavsnitt 2, som använder ett ankare som finns där i texten.

Och det här är ett ankare vid namn "hejhej".

Och det här är en relativ länk till det ankaret En ful länk till wlug.westbo.se kan göras såhär: wlug.westbo.se

Observera den extra lilla biten linje som blev efter den sista länken. Det blir så när man inte avslutar länken på samma rad, och det är allra tydligast om man gör felet på en bild.

Med hjälp av relativa länkar går det att hänvisa både uppåt och nedåt i katalogstrukturen. Ligger t.ex. den aktuella sidan i /hemsidor på servern, kan vi länka till en bild som ligger i /bilder genom att ge HREF="../bilder/bild.jpg". Det är inte så smidigt, men det går, det går t.o.m att ge flera ../.. i rad...

Glöm inte bort citationstecken runt HREF'en, annars kan halva sidan bli utkommenterad.

Till sist kan vi göra länkar runt bilder också:

Det här är en liten bild:<BR>
<A HREF="peng.gif"><IMG SRC="peng.gif" WIDTH=150 HEIGHT=150 ALT="pingvin #1"></A><BR>
Som är länkad.<P>

Här är samma quake-pingvin fast med BORDER=0:<BR>
<A HREF="peng.gif"><IMG SRC="peng.gif" WIDTH=150 HEIGHT=150 ALT="pingvin #2" BORDER=0></A>

Ger resultatet:

Det här är en liten bild:

Som är länkad.

Här är samma quake-pingvin fast med BORDER=0:

Inte alldeles för krångligt? Säg till om sektionen behöver expanderas eller justeras.