1
resposta

Projeto Inicial

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portfólio</title>
</head>
<body>
    <header><img src="alura logo.png"</header>
    <main>
        <h1>Eleve sua carreira DEV a outro nível com <strong>a melhor plataforma de ensino tech!</strong></h1>
        <h4>Relatos:</h4>
        <p>Olá! Sou Gabriel Francisco, aluno da escola Front-end na alura, e garanto satisfação e aplicação na minha atividade profissional sobre os conhecimentos compartilhados na plataforma.
        <a href="https://www.instagram.com/franss_gabriel/">Instagram</a>
        <a href="https://github.com/gFr4ns">GitHub</a>
        <img src="imagem.png" alt="Foto de uma aluna programando.">
    </main>
    <footer>
        <ul>
            <li>Contato</li>
            <li>Regras e Normas</li>
            <li>Termos de Uso</li>
        </ul>
    </footer>
</body>
</html>
1 resposta

Olá, Gabriel, como vai?

Muito bom ver você colocando em prática os conceitos aprendidos. A estrutura geral está bem encaminhada, utilizando as tags semânticas propostas. Um detalhe que pode ser ajustado no seu código é o fechamento da tag <img> dentro do <header>, que está sem o > final. Isso pode causar um comportamento inesperado no carregamento da imagem. O correto seria: <img src="alura logo.png" alt="Logo da Alura">. E também o fechamento da tag <p> logo abaixo do <h4>.

Além disso, é legal adicionar um atributo alt na imagem do logo, já que isso contribui para a acessibilidade do site.

Continue compartilhando seus exercícios por aqui, o fórum está sempre à disposição.

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