HTML-Botões de Midia social não funcionam

[annleal]

Pessoal bom dia, estou fazendo um projeto para conhecer html, css, jscript, conheço linguagem de programação, mas é backend.

Estou montando um site e nele quero inserir os botões de mídias sociais, os botões aparecem na tela, mas ele não habilita para o usuário clicar e redirecionar para a outra pagina(facebook,instragam, etc), já dei uma olhada em documentos e videos, aparentemente a minha instrução está correta. Poderiam me ajudar pfv?

 

    <section id="social" class="wrapper">

        <div class="redes-sociais">

            <ul>

                <li><a heref="https://www.facebook.com/" target="_blank"><img src="./img/facebook2.png"

                            alt="Facebook"></a>

                </li>

                <li><a heref="//www.instagram.com/" target="_blank"><img src="./img/instagram.png" alt="Instagram">

                    </a>

                </li>

            </ul>

 

        </div>

    </section>