Como faço para inseri uma imagem do meu computador para um site de programação como codepen ?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Como faço para inseri uma imagem do meu computador para um site de programação como codepen ?
Olá, Jorge! Tudo bem?
Para inserir uma imagem do seu computador em um site de programação como o CodePen, você precisará primeiro hospedar a imagem em algum serviço de armazenamento online, já que o CodePen não permite o upload direto de arquivos do seu computador.
Veja como fazer isso:
Hospedar a imagem online: Você pode usar serviços gratuitos como Imgur ou Google Drive ou outros para hospedar sua imagem. Por exemplo, no Imgur que é a ferramenta que eu geralmente utilizo, você pode criar uma conta, fazer o upload da sua imagem e obter um link direto para ela.
Usar o link da imagem no CodePen: Depois de ter o link direto para a imagem, você pode usá-lo no seu projeto no CodePen. No HTML, você pode inserir a imagem usando a tag <img>. Por exemplo:
<img src="URL_DA_SUA_IMAGEM" alt="Descrição da imagem">
Certifique-se de substituir "URL_DA_SUA_IMAGEM" pelo link direto que você obteve do serviço de hospedagem.
Dessa forma, a imagem será carregada no seu projeto no CodePen a partir do link que você forneceu.
Espero ter ajudado. Conte com o apoio do fórum :)
Abraços e bons estudos!