Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

[Dúvida] Imagem não abre/carrega

Não consigo adicionar a imagem no projeto, o cursor mostra um ícone de bloqueio. O que está acontecendo?

4 respostas
solução!

Oi, João, tudo bem?

O problema pode ter acontecido por você ter tentado arrastar o arquivo de uma imagem de dentro de uma pasta zipada para o VSCode.

Para corrigir este problema, basta você arrastar para dentro da aba "Explorer" localizada no canto superior esquerdo do VS Code, onde ficam os arquivos e pastas do projeto, como mostro no gif abaixo: Início da transcrição. Gif animada da tela do Visual Studio Code com o fundo escuro. Há uma janela do explorador de arquivos no lado direito da tela. Dentro dela, tem um arquivo de imagem com a logo da linguagem HTML. Este arquivo é arrastado pelo cursor do mouse para a extremidade esquerda da tela, onde encontra-se a seção "Explorer" do Visual Studio Code. Após isso, a imagem é apresentada na região central do editor de código. Fim da transcrição.

Caso não obtenha êxito, uma forma alternativa para apresentar a imagem do HTML5 no navegador, é utilizar um endereço alternativo, como mostro abaixo:

<!DOCTYPE html>
<html>
    <head>
        <title>Portfólio</title>
    </head>
    <body>
        <h1>Isso é um título</h1>
        <p>Isso é um parágrafo</p>
        <img src="https://imgur.com/xqUASTu.png" alt="Logo do HTML 5">
    </body>
</html>

Espero ter ajudado, caso tenha dúvidas, estarei à disposição!

Abraços

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

bom dia como eu faco pra pegar o endereco alternativo na proxima vez? provavelmente vai ficar solicitando isso no meu computador ou como eu faria para configurar o mesmo. Desde ja, grato!

Olá Yago, tudo bem?

Quanto ao endereço alternativo, ele foi realizado por conta da situação enfrentada pelo aluno João, neste caso um outro meio de solucionar o problema, foi criando de fato um endereço alternativo, ou seja, fazendo o upload da imagem baixada em um repositório, e por fim devemos copiar o endereço no qual essa imagem se encontra, neste caso utilizei do imgur como repositório, mas normalmente todas as imagens utilizadas no curso, já estão no material e não será necessário esse processo.

Mas caso enfrente dificuldade em uma parte específica do curso, peço que crie um novo tópico, deste modo aumenta a possibilidade de mais pessoas lhe ajudarem, e serem ajudadas através da criação do mesmo.

Um grande abraço e até mais!

Boa noite, estou tendo o mesmo problema ,a imagem que tento colocar não abre,porém ja puxei pro vs code a imagem e não estava zipada. como posso prosseguir?!Insira aqui a descrição dessa imagem para ajudar na acessibilidade