Desafio - Portfólio | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

<!--Desafio 2 e 3
No header, insira um menu ou um logotipo.
No main, adicione os elementos do portfólio como título, parágrafo, botões e imagem. 
Por fim, no footer, coloque informações como contato ou direitos autorais-->
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <title>NE</title>
</head>
<body>
    <header><img src="logo.png.png" alt= "Logotipo da nutricionista" height="100" width="100"></header> <!--Cabeçalho-->
    <main>
        <h1>Nutrição Eficiente - – Cuidando da sua saúde com ciência e sabor</h1> <!--Título-->
        <p>A Nutrição Eficiente é uma equipe de nutricionistas dedicados a transformar sua alimentação de forma prática, equilibrada e personalizada. Com embasamento científico e foco nas suas necessidades individuais, oferecemos atendimento nutricional para promover saúde, bem-estar e desempenho. Acreditamos que uma nutrição eficaz vai além de dietas restritivas – é sobre equilíbrio, prazer e resultados sustentáveis.</p> <!---Parágrafo-->
        <a href="https://instagram.com/thnalmeida">Instagram </a><!---ancora "botão"-->
        <img src ="saudavel.jpg" alt = "Foto de um prato completo nutricionalmente" height = "500" width = "500">
    </main>
    <footer>
        <ul>
            <li>Contato: (35) 3645-1478</li>
            <li>Email: nutricaoeficiente2024@gmail.com</li>
        </ul>
    </footer>
    
</body>
</html>

<!--Desafio 4 e 5 -->

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Meu Portfólio</title>
</head>
<body>
    <main>
        <h1>Portfólio: <strong>Thayná Almeida</strong></h1>
        <p> Nutricionista com graduação e mestrado pela Universidade Federal de Lavras (UFLA),
            atualmente é estudante de Sistemas de Informação na Universidade Federal de
            Itajubá (UNIFEI).</p>
        <p>Tenho experiência em pesquisa científica, o que me proporcionou
            sólida formação em análise de dados, estatística, escrita científica e gestão de
            projetos. Em tecnologia, adquiri conhecimentos em linguagens de programação e
            bancos de dados. Procuro oportunidades para aplicar e expandir minhas habilidades
            técnicas e analíticas em que eu possa conciliar meus conhecimentos na área da
            saúde e em análise de dados.</p>
        <a href="https://github.com/thnalmeida">Github</a>
        <img src = "minhafoto.jpg" alt = "Minha fot: uma mulher parda usando óculos e de camisa rosa.">
    </main>
    
</body>
</html>

Olá, Thayná, como vai?

A estrutura do seu código está bastante boa! Vou comentar alguns pontos para ajudar você a ajustar e melhorar ainda mais.

No seu código do primeiro desafio, no <header>, você está utilizando a tag <img> para o logotipo, mas o nome do arquivo está repetido (logo.png.png). É bom conferir o nome correto do arquivo e garantir que a extensão esteja correta, como, por exemplo, logo.png.

Em relação à tag <a> para os links de redes sociais, como o Instagram, você pode adicionar um atributo target="_blank" para abrir os links em uma nova aba. Isso é interessante para que o visitante do seu portfólio não saia da página ao clicar no link. Veja como fica:

<a href="https://instagram.com/thnalmeida" target="_blank">Instagram</a>

No desafio sobre meta tags, o título da página no <title> está com o valor "NE". Seria interessante personalizar mais, como no segundo exemplo, por exemplo, Portfólio: Thayná Almeida.

No geral, seu código está bem estruturado! Continue assim, e se precisar de mais ajuda, o fórum está à disposição.

Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!