Como faço para inseri uma imagem do meu computador para um site de programação como codepen ?
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!