Boa noite Eduardo, Para adicionar um link em uma imagem, você pode fazer assim:

    <a href="#">
      <img src="./image/logo.png" alt="logo">
    </a>

Sensacional!! e caso eu adicionar outra imagem do lado do banner, estou tendo dificuldade para colar uma do lado da outra no css, um banner do mesmo tamanho do lado do outro com um espaçamento curto

Boa tarde Eduardo, Neste caso, será necessário o uso do CSS. Você pode fazer assim:

HTML:

 <header>
  <a href="#">
    <img  src="https://github.com/iraildafernandes.png" alt="imagem01">
  </a>

  <a href="#">
    <img  src="https://github.com/iraildafernandes.png" alt="imagem02">
  </a>

 </header>

CSS:

*{
  margin: 0;
  padding: 0;
}

header{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;

  padding: 20px 60px;
  border: 1px solid gray;
}

header img{
  width: 100px;
  border-radius: 50%;
}

Po muito obrigado!!, estava querendo usar o cabeçalho para começar minha pagina de portfolio e ir treinando, ficou do jeito q eu queria, valeu mesmo!!

.logos {
    width: 25px;
    height: 25px;
    transition: 1s all;
    border-radius: 20%;
    padding: 0px 5px;
}

.logos-ordem {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;

    padding: 10px 20px;
}

.logos:hover {
    width: 30px;
    height: 30px;
}

Maravilha, ficou bacana!!!

Já pegou o jeito, boa sorte.