Utilizando imagens

Inserindo imagens no HTML

Para adicionar imagens em um documento HTML, utilize a tag <img>, especificando o caminho para a imagem através do atributo "src", conforme exemplo abaixo:

<img src="img/html-css.jpg" >

Perceba que, no atributo src, deve ser passado o caminho para imagem que pode ser relativo ou absoluto.

Os navegadores modernos suportam vários tipos de imagens, como, por exemplo, JPEG, PNG, APNG, GIF e SVG. Para ver a mais informações, consulte o site da W3C

O atributo "alt"

Além do atributo "src", você pode especificar o atributo "alt". Neste atributo deve-se indicar um texto alternativo para imagem, que será exibido quando a imagem não puder ser exibida.

Adicionalmente, esse atributo permite deixar sua página mais acessível, pois pode ser lido por sistemas de leitura de telas, comumente utilizados por pessoas com alguma limitação visual.

Abaixo exemplo de uso do atributo "alt":

<img src="img/html-css.jpg"  alt="Livro de HTML & CSS">