Página de portfólio pessoal - Criar uma página de portfólio pessoal

Português HTML-CSS
1

Conte-nos o que está acontecendo:
Estou tentando colocar um print de um dos meus projetos jeito aqui pelo próprio site, porém não estou conseguindo colocar a imagem. Alguém poderia me ajudar.

Seu código até o momento

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portifólio</title>
    <link rel="stylesheet" href="./styles.css">
  </head>
  <body>
    <section id="welcome-section">
      <h1>Olá, eu sou o Brendo</h1>
      <p>Designer Web</p>
      </section>
    <section id="projects" class="project">
      <h2>Esses são alguns dos meus projetos</h2>
      <div class="project-tile">
        <a href="https://codepen.io/Brendo-bm/pen/poONVGp"><img src="file:///C:/Users/melis/OneDrive/Documentos/Certificados/projeto1%20img.png"></img></a>
      </div>
      </section>
  </body>
</html>

/* file: styles.css */

Informações de seu navegador:

Agente de usuário: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36

Desafio: Página de portfólio pessoal - Criar uma página de portfólio pessoal

Link para o desafio:

2

Oi, @brendo.bm57! Acho que o problema é com o fato de o codepen não aceitar arquivos de imagem por download. Tenta colocar esse arquivo em um repositório online e usar o endereço http da imagem dentro do atributo src. Mais um detalhe: a tag img é de fechamento próprio. Ela não usa uma tag de fechamento. Então, a sintaxe dela está incorreta no projeto. Além disso, sempre que usar uma imagem, é boa prática adicionar o atributo alt com uma breve descrição do que há na imagem, caso ela não consiga ser carregada. Espero ter ajudado! Bons estudos! :smiley: