Adicionar uma imagem ao HTML é tudo menos complicado ou díficil, é uma tarefa muito fácil, tudo que você precisa é entender como funciona sua sintaxe e localizar a imagem no seu servidor local ou remoto.

Eis aqui a sintase da tag imagem:

<img src="" alt="">

Como podemos perceber, ela não precisa de uma tag de fechamento e dentro dela há alguns atributos. O atributo mais importante é o src (source) que se traduz para origem da imagem, ou seja, o caminho em que ela está localizada. E o atributo alt é um texto alternativo pro caso se a imagem der algum erro ele apareça no lugar dela.

Há também outros atributos que podemos incluir dentro da tag img, como height (altura) e width (tamanho), porém é mais interessante fazer o uso delas dentro do CSS, após a inclusão de uma class ou id na tag img, mas se precisar é só adiocinar e definir as medidas. Por exemplo:

<img src="" alt="" width="30px" height="30px">

É bom destacar que o uso simultâneo de height e width pode gerar bugs na imagem, então é mais indicado fazer uso de somente um deles.