No código
<!DOCTYPE html>
<html>
<head>
<title>Portfólio</title>
</head>
<body>
<h1>Isso é um título</h1>
<p>Isso é um parágrafo</p>
<img scr="html.png" alt="Logo do HTML 5">
</body>
</html>
A imagem só será exibida caso exista um arquivo de imagem chamado “html.png” salvo dentro da pasta do projeto. O atributo src da tag especifica o caminho para a imagem que você deseja exibir. Nesse caso, o caminho é "html.png". Para que a imagem seja carregada corretamente, o arquivo "html.png" precisa estar na mesma pasta que o arquivo HTML ou em um caminho relativo ao arquivo HTML. O atributo alt fornece um texto alternativo para a imagem. Esse texto é importante para acessibilidade, pois ele é exibido quando a imagem não pode ser carregada, por exemplo, em navegadores que não suportam imagens ou para usuários que utilizam leitores de tela. A tag é uma tag vazia, o que significa que ela não precisa de uma tag de fechamento como . Essa é uma característica específica da tag . Sendo assim para inserir uma imagem em uma página HTML, é necessário três etapas:
1- Utilizar a tag .2- Especificar o caminho da imagem no atributo src.3- Opcionalmente, adicionar um texto alternativo no atributo alt para melhorar a acessibilidade. exemplo: <img src="carro_ tesla.jpg" alt="Descrição da imagem">