O código está idêntico mas a imagem não aparece na página. Aparece está mensagem no console: "Failed to load resource: net::ERR_FILE_NOT_FOUND"
Solucionado
O código está idêntico mas a imagem não aparece na página. Aparece está mensagem no console: "Failed to load resource: net::ERR_FILE_NOT_FOUND"
Posta como está tua estrutura de diretório e o código para facilitar a ajuda.
Pedro poste seu código para que possamos lhe ajudar a verificar onde pode estar o problema.
Esse erro diz que o arquivo não foi encontrado.
Existem duas possibilidades para o ocorrido: 1. O caminho explicitado para a imagem está incorreto 2. A imagem não existe no caminho explicitado
Levando em consideração que você disse que seu código está idêntico ao do exercício, espera-se que você tenha feito o download da imagem, que ela esteja nomeada como "foto.jpg" e que esteja no mesmo diretório de seu arquivo html. Confira essas possibilidades. Caso queira a imagem em outro diretório se não o mesmo do seu arquivo html, você deve deixar isto explícito ou a partir do diretório de seu arquivo html ou o caminho completo em sua estrutura de diretório.
Por exemplo, considere a seguinte estrutura de diretório:
/site arquivo.html /site/img foto.jpg
O atributo src da tag img deve ser assim
Ou:
Espero ter ajudado e que você consiga prosseguir. Bons estudos :)