Witam jestem początkującym webmasterem i teraz bawię się w php i mysql, ale przejdę do tematu , mam problem a mianowicie

Kod
<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  <title>Menu</title>
  <link rel="stylesheet"
  href="style.css"
  type="text/css" />
<script type="text/javascript">
var i=0;
function zmien(){
    obiekt=document.getElementById("doZmiany");
    if(i==0){
        obiekt.style.backgroundImage="url(images/2.png)";
        i=1;
    }else{
        obiekt.style.backgroundImage="url(images/1.png)";
        i=0;
    }
}

</head>
  <body>
    
<a href="index.php">Strona główna</a>
      
<a href='index.php?action=akcja1'">link1</a>
      
<a href='index.php?action=akcja2'>link2</a>
      
<a href='index.php?action=akcja3'>link3</a>
  </body>
  
</html>

to w w menu strona główna jest podkreślony moim rysunkiem ale reszta nie ale chciał bym zrobić tak aby po kliknięciu w link1,2,3 zmieniło się na na class taka jaką ma Strona główna czy da się to zrobić w php czy może w css to proszę o kod i szczegółowe wyjaśnienie na przyszłość abym coś wiedział więcej.

Dziękuje za wysłuchanie i oczekuje odpowiedzi na moje pytanie. Za pomoc będę wdzięczny i pozdrawiam

Dodane:

 już nie ważne poradziłem sobie podaje rozwiązanie dla innych.

Kod
<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  <title>Menu</title>
  <link rel="stylesheet"
  href="style.css"
  type="text/css" />
<script type="text/javascript">
var i=0;
function zmien(){
    obiekt=document.getElementById("doZmiany");
    if(i==0){
        obiekt.style.backgroundImage="url(images/2.png)";
        i=1;
    }else{
        obiekt.style.backgroundImage="url(images/1.png)";
        i=0;
    }
}

</head>
  <body>
<div id="doZmiany" style="background-image:url('images/1.png');width:20px; height:20px;"></div>    
      
<a href="index.php" onfocus="blur();" style="color:#000000; font-family:Verdana; font-size:10px;" onclick="zmien();">Strona główna</a>
      
<a href='index.php?action=akcja1' onfocus="blur();" style="color:#000000; font-family:Verdana; font-size:10px;" onclick="zmien();">link1</a>
      
<a href='index.php?action=akcja2' onfocus="blur();" style="color:#000000; font-family:Verdana; font-size:10px;" onclick="zmien();">link2</a>
      
<a href='index.php?action=akcja3' onfocus="blur();" style="color:#000000; font-family:Verdana; font-size:10px;" onclick="zmien();">link3</a>
  </body>
  
</html>