EchoEcho.Com
KOMPLETTE WEBKURSER

HJEM KURSER HTML LINKS     
EchoEcho.Com
TOOLS & RESSOURCER
 HJEM 
 
 KURSER 
 
 RESSOURCER 
 
 REDSKABER 
 
 DOKUMENTATION 
   
 OVERSIGT 
  
  SØG PÅ DETTE SITE

FORESLÅ DETTE SITE
FORESLÅ DETTE SITE      

HTML LINKS

INTRODUKTION


ET SIMPELT LINK


FARVE PÅ TEKSTLINK


LINK TARGETS


UDEN UNDERLINIE


AVANCEREDE TEKSTLINKS


BILLED LINKS


IMAGE MAPPING


LINK PÅ SAMME SIDE


LINKS I FRAMESET


LINK TIL NYT VINDUE

HTML Links :
FARVE PÅ TEKSTLINK

Der er nogle få opsætninger, som kan være nyttige, når man skal styre farven på sine tekstlinks.

Denne side vil lære dig, hvordan du:
  • Definerer farven på alle links på din side.


  • Definerer farven på et enkelt link på din side.





Definér farven på alle links på siden

Den generelle tekstfarve på links er specificeret i <body>-tagget som i eksemplet nedenfor:

<body link="#C0C0C0" vlink="#808080" alink="#FF0000">

  • link - standardlink - til en side, som den besøgende ikke har besøgt endnu (standardfarve er blå - #0000FF).


  • vlink - besøgte links - til en side, som den besøgende har besøgt (standardfarve er lilla - #800080).


  • alink - aktivt link - farven på linket, når musen er over det (standardfarve er rød - #FF0000).


NB
Du kan klikke her for at lære mere om det hexadecimale farvesystem, som bruges i HTML.






Definér farven på et enkelt link på siden

Ovennævnte metode beskriver den overordnede opsætning af linkfarver på hele din side.

Måske vil du dog have, at et eller flere links har en anden farve end den overordnede farve på din side.

Der er to måder at gøre dette på:
  • Placér font-tags mellem <a href> og </a>-tagget.
    Denne metode vil fungere i alle browsere undtagen MSIE 3.


  • Brug en style-opsætning i <a>-tagget.
    Denne metode fungerer i MSIE3 og nyere browsere.


Den første teknik vil se sådan ud:
Click <a href="http://www.yahoo.dk"><font color="FF00CC">her</font></a> for at komme til Yahoo.

NB:
Det er vigtigt, at både <font> og </font>-taggene er mellem <a href> og </a>-taggene.


Den anden teknik vil se sådan ud:
Click <a href="http://www.yahoo.dk" style="color: rgb(0,255,0)">her</a> for at komme til Yahoo.

NB:
RGB-numrene viser mængden af rød, grøn og blå ved at bruge værdier mellem 0 og 255. Du kan læse mere om konvertering mellem RGB-farver og hex-farver her.


Eftersom ingen af de 2 metoder dækker alle browsere, må vi bruge begge teknikker med det samme.

Dette eksempel vil fungere i alle browsere:
Klik <a href="http://www.yahoo.dk" style="color: rgb(0,255,0)"><font color="FF00CC">her</font></a> for at komme til yahoo.






Det sidste eksempel er interessant. Ikke kun fordi det fungerer i alle browsere, men mere fordi det er en generel fremgangsmåde for, hvordan du gør dine sider browser-sikre.

Da browsere ganske enkelt udelader information, som de ikke forstår, kan du omgå browser-forskelligheder ved simpelthen at indsætte forskellige opsætninger for mange browsere.
Ønsker du mere avancerede effekter, kan du gå til sektionen om stylesheets.




<< TILBAGE
LÆS MERE >>

HTML TUTORIAL

HTML INTRO


HTML TEKST


HTML LISTER


HTML BILLEDER


HTML LINKS


HTML BAGGRUNDE


HTML TABELLER


HTML FRAMES


HTML FORMS


HTML METATAGS


HTML HEXFARVER








EchoEcho.Com
KOMPLETTE WEBKURSER
 HJEM 
 
 KURSER 
 
 RESSOURCER 
 
 REDSKABER 
 
 DOKUMENTATION 
   
 OVERSIGT 
EchoEcho.Com
TOOLS & RESSOURCER

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