(X)HTML Del 6 - Länkar

Nu har vi kommit till den delen som handlar om länkning till och från andra dokument och externa webbplatser. Som vanligt så går vi direkt på sak. :)

Lägg till länken

<a href="http://www.aspkoll.se" target="_blank" title="Gå till AspKoll">Klicka här</a>

Förklaring

1. Vi börjar med att förklara att detta är en länk med <a
2. Sedan bestämmer vi var länken ska leda besökaren när man klickar på den, då skriver man in sökvägen i href="?"
   • Tänk på att du kan länka till lokala filer också, det är bara att byta ut länken till t.ex. sida2.html eller motsvarande
3. Efter det bestämmer vi var målet ska öppnas, i detta fall vill vi att det ska öppnas i nytt fönster (_blank). Andra alternativ:
   • _self öppnar i samma fönster
   • _top öppnar ovanför alla ramar i samma fönster. (det är som _self, fast gäller även över ramar/frames)
   • _parent används i situationer där frameset (grupp frames/ramar) är nästlade inuti en annan frameset. På detta sätt så kommer länken att öppnas i den inre frameseten.
4. Och så kan vi självklart lägga in en text som visas ovanför musen när man för den över länken. Testa på länken ovan så får du se.
5. Sedan skriver vi ut texten som ska länkas och stänger länken med </a>

Frågor och svar

1. Kan man länka en bild?
   • Ja det kan man, det är bara att placera bilden mellan <a href... och </a>
2. Kan man länka en DIV eller en tabell?
   • Nej det kan man inte!
3. Kan man länka en länk?
   • Behöver jag ens svara på den frågan? :)

En "död" länk

Vill du skapa en "död" länk? Alltså en länk som inte leder någonstans. Det gör du på följande vis:

<a href="#" target="_self" title="En död länk">Klicka här</a>

Om du klickar på länken så skickas du inte iväg någonstans, men däremot flyttas du högst upp på sidan. Om du inte vill att det ska ske så kan du göra på två olika sätt. Antingen lägger du till ett icke-existerande ankare (läs mer om ankare nedan) eller så gör du en specialare med javascript:

<a href="#ankare" target="_blank" title="Ankare">Länk: ankare</a>

<a href="javascript:void(0);" target="_blank" title="Ankare">Länk: javascript</a>

Ankare

En ankare är en "intern länk". Säg t.ex. att du har en sida med väldigt mycket information och vill att besökaren ska komma till relevant information snabbt genom ett knapptryck. Då kan du göra följande: Placera en ankare där du vill att besökaren ska hamna på sidan när han klickar på länken:

<a name="forklaring"></a>

Och då ska länken se ut på följande vis:

<a href="#forklaring" target="_self">Klicka här för att komma till förklaringen högre upp på sidan</a>

E-post länkning

Man kan även länka till e-post adresser så att när användaren klickar på länken så startar användarens standard e-post program för att skicka ett e-post meddelande till den angivna adressen:

<a href="mailto:adressen@sidan.se" target="_self" title="Klicka här för att skicka mig ett mail">Maila mig</a>

Slutord

Nu har vi lärt oss hur man länkar också, det var väl användbart. Nu kommer vi någon vart iallafall ;)

Skapades: 2007-07-08 08:42:21
Skribent: Shadi
Lästs 2590 gånger
Betyg: 0 (artikeln har endast 0 röster, det krävs minst 5 för ett betyg)

Kommentarer