EchoEcho.Com
KOMPLETT KURS

HEM KURSER HTML LÄNKAR     
EchoEcho.Com
REDSKAP & RESURSER
 HEM 
 
 KURSER 
 
 RESURSER 
 
 REDSKAP 
 
 DOKUMENTATIONER 
 
 ÖVERSIKT 
  
SÖK PÅ SIDAN

Tala om för en vän
REKOMENDERA SIDAN    

HTML LÄNKAR

INTRODUKTION


EN ENKEL LÄNK


LÄNKFÄRGER


DESTINATION


EJ UNDERSTRUKEN


AVANC LÄNKAR


BILD-LÄNKAR


IMAGE MAPPING


INOM SIDAN


I FRAMESET


TILL NYTT FÖNSTER

HTML Länkar :
IMAGE MAPPING

Det är möjligt att använda en bild till att länka till olika sidor, beroende på var på bilden man klickar.

Den här tekniken kallas för imagemapping.

Du sepcificerar helt enkelt var på bilden en länk skall framträda.

i exemplet nedanför, om du placerar muspekaren i övre vänstra hörnet länkar det till Yahoo .... och i det lägre högra hörnet.... länkar det till hotbot.



<img src="rainbow.gif" usemap = #example border=0>
<map name=example>
<area shape=Rect Coords=0,0,29,29 Href="http://www.yahoo.se">
<area shape=Rect Coords=30,30,59,59 Href="http://www.hotbot.com">
</map>



I det övre exemplet använde vi oss endast av rektangulära imagemappings. Andra möjliga former är:
  • <area shape=rect coords= x1,y1, x2,y2 Href="http://www.domain.se">


  • <area shape=circle coords= x1,y1, x2,y2 Href="http://www.domain.se">


  • <area shape=polygon coords= x1,y1, x2,y2, .., xn,yn Href="http://www.domain.se">


Det finns utmärkta verktyg på nätet för att hjälpa dig att skapa imagemaps. Ingen räknar ut kordinaterna för hand.

Om du vill använda imagemaps på din sida behöver du skaffa dig ett program som helt enkelt låter dig dra muspekaren över områdena som du vill skall fungera som länkar.

De flesta HTML-editorer har denna funktion inbyggd.

Om du inte använder en HTML-editor, kan du fortfarande skaffa dig program som gör detta tråkiga jobb för dig - det bästa är - du kan få dom gratis!

Nedanför finns det länkar till websidor som hjälper dig att skapa dina imagemaps snabbt.

Tänk bara på att bilden är uppladdad på webben innan du börjar använda verktygen.




<< FÖREGÅENDE
LÄS MER >>

HTML KURS

GRUNDKURS


TEXT


LISTOR


BILDER/GRAFIK


LÄNKAR


BAKGRUNDER


TABELLER


FRAMES


FORMULÄR


META-TAGGAR


HEX FÄRGER




Click Here!





EchoEcho.Com
KOMPLETT KURS
 HEM 
 
 KURSER 
 
 RESURSER 
 
 REDSKAP 
 
 DOKUMENTATIONER 
 
 ÖVERSIKT 
EchoEcho.Com
REDSKAP & RESURSER

(c) Copyright 1998-2000 NetKontoret - All Rights Reserved