Mettere immagini al posto della parola sulla navbar

[Ashi]

Ciao a tutti

Sono alle prime armi con html (livello scolastico), e non conosco il css (so solo che serve per l'aspetto grafico per il sito , ma non so praticamente come funziona)

Devo creare una navbar orrizontale con 3 pulsanti e volevo mettere al posto della parole(in questo caso al posto di "Link1" "Link2" "Link3" delle icone immagine

questo è il codice da cui sono partito:

<nav class="navbar navbar-default">  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
      <span class="sr-only">Menu</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">logo</a>
  </div>
 
  <div class="collapse navbar-collapse">
    <ul class="nav navbar-nav">
      <li><a href="#">Link1</a></li>
      <li><a href="#">Link2</a></li>
      <li><a href="#">Link3</a></li>
    </ul>
  </div>
</nav>

Grazie a chi mi aiuterà!

[Vincent.Zeno]

<li><a href="#"><img src=tuaImmagine.est" alt="Link1"></a></li>