1
resposta

[Dúvida] Para o código seguinte está correto ?

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">

1 resposta

Olá Rodrigo! Tudo joia?

O erro está no atributo da tag <img>, você escreveu scr em vez de src.

Além disso, você está correto ao afirmar que a imagem só será exibida se o arquivo "html.png" estiver no mesmo diretório que o arquivo HTML ou em um caminho relativo correto. O uso do atributo alt é realmente uma boa prática, pois melhora a acessibilidade da sua página.

Bons estudos!