Paikalliset linkit ja niiden värit

Paikallinen linkki (linkki saman sivun siosällä) kirjoitetaan ilman url alkua.

Example

<a href="html_images.html">Sivun kuvat</a>

HTML Linkit - Värimaailma

Kun liikutat hiiren linkin ylle, kaksi asiaa yleensä tapahtuu:

  • Hiiren kursori muuttuu pieneksi kädeksi
  • Linkkitekstin väri muuttuu

Oletuksena, linkit näkyvät tällä tavalla (kaikissa selaimissa):

  • Ei vierailtu linki on alleviivattu ja sininen
  • Vierailtu linkki on alleviivattu ja violetti
  • Aktiivinen linkki on alleviivattu ja punainen

Voit vaihtaa perusvärejä , käyttämällä eri tyylejä:

Esimerkki

<style>
a:link {color:green; background-color:transparent; text-decoration:none}
a:visited {color:pink; background-color:transparent; text-decoration:none}
a:hover {color:red; background-color:transparent; text-decoration:underline}
a:active {color:yellow; background-color:transparent; text-decoration:underline}
</style>