1
resposta

Não gerou a imagem

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Sobre mim</title>
        <link rel="stylesheet" href="./styles/style.css">
    </head>

<body>
    <header class="cabecalho">
        <nav class="cabecalho__menu">
            <a class="cabecalho__menu__link">href="index.html">Home</a>
            <a class="cabecalho__menu__link" href="about.html">Sobre Mim</a>
            <a class="cabecalho__menu__link" href="portifolio.html">Portifólio</a>
        </nav>
    </header>
    <main class="apresentacao">
        <section class="apresentacao__conteudo">
            <h1 class="apresentacao_conteudo_titulo">Currículo</h1>
            <p class="apresentacao_conteudo_texto">
                Viviane Noronha, 41 anos, Doutora em Engenharia Nuclear e Estudante de graduação em ciências de dado
            </p>
            <h2 class="apresentacao_conteudo_titulo">Experiências</h2>
            <ul class="apresentacao_conteudo_texto">
                <li> Professora de Graduação L (2024-2025) - IFSUL </li>
                <li> Professora de Pós-graduação (2018 - 2019) - UFRPE</li>
            </ul>
            
            <h3 class="apresentacao_conteudo_titulo">Formação Acadêmica</h3>
            
            <ul class="apresentacao_conteudo_texto">
                <li> Doutorado, Engenharia Nuclear, UFRJ</li>
                <li>Mestrado , Ciencia e Tecnologia Ambiental, UERJ</li>
                <li> Alura Cursos ONE - Oracle Next Education (HTML, CSS e JAVASCRIPT) </li>
                
            </ul>
             
        </section>
        <img class="image" src="./Assets/ViviaeLimaFoto.jpg" alt="Foto Viviane" width= "300" height= "auto">

      <footer class="rodape">
        <p>Desenvolvido por Viviane</p>
    </footer>
    </body>
    </html>
1 resposta

Olá, Viviane! Tudo bem?

Analisando seu código, encontrei alguns pontos que podem estar impedindo a exibição da imagem:

  1. Falta de fechamento da tag <main>: Você abriu a tag <main class="apresentacao">, mas não a fechou. Isso pode causar problemas na renderização da página. Adicione </main> antes da tag <footer>.

  2. Caminho da imagem: O atributo src="./Assets/ViviaeLimaFoto.jpg" indica que a imagem está na pasta "Assets", no mesmo nível do arquivo HTML. Verifique se essa pasta realmente existe e se a imagem está dentro dela.

  3. Nome do arquivo: O nome do arquivo "ViviaeLimaFoto.jpg" deve corresponder exatamente ao nome do arquivo da imagem, incluindo letras maiúsculas e minúsculas e a extensão ".jpg". Verifique se não há erros de digitação.

Para corrigir:

  1. Adicione </main> antes da tag <footer>:

  2. Verifique se a pasta "Assets" e o arquivo "ViviaeLimaFoto.jpg" estão no local correto e com o nome correto.

  3. Abra o console do navegador (geralmente pressionando F12) e verifique se há erros relacionados à imagem. O console pode fornecer informações úteis sobre por que a imagem não está sendo carregada.

Espero ter ajudado.