Entrar Ainda não tem acesso?
1
resposta

Construindo a estrutura HTML do portfólio

Referente ao curso HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags, no capítulo Layout e tags semânticas e atividade Lista de exercícios

por Benjamin Lucas Lemos Da Silva Bonaita
| 27.1k xp | 71 posts
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portifolio</title>
</head>
<body>
    <header></header>
    <main>
        <h1>Eleve seu negócio digital a outro nível <Strong>com um Front-end de qualidade!</Strong></h1>
        <p>Olá! Sou Benjamin Bonaita, desenvolvedor Front-end com especialidade em Javascript, IA, HTML e CSS. Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</p>
        <a>Instagram</a>
        <a href="https://github.com/BenjaMin27-Dev">Github</a>
        <a href="https://www.linkedin.com/in/benjamin-lucas-lemos-da-silva-bonaita-bb677b1a6/">Linkedin</a>
        <img src="Gato-com-computador.jpg" alt="Gato no computador">
    </main>
    <footer></footer>
</body>
</html````
1 resposta
por Mike de Sousa
| 1476.5k xp | 2682 posts
Alura Scuba Team Suporte Educacional

Olá, Benjamin, como vai?

Agradeço por compartilhar seu exercício. Seu código HTML está bem organizado. Há apenas alguns pontos que podem ser ajustados para melhorar a acessibilidade e a organização da sua página.

1 - No <h1>, a tag <strong> está com a inicial maiúscula, o que não é recomendado. No HTML, as tags não diferenciam entre maiúsculas e minúsculas, ou seja, <Strong> e <strong> funcionam da mesma forma. No entanto, a convenção recomendada é sempre usar as tags em minúsculas. Isso segue as boas práticas definidas pelo W3C (World Wide Web Consortium) e melhora a legibilidade e consistência do código.

2 - No link para o Instagram, a tag <a> não possui o atributo href, o que faz com que ele não funcione corretamente. O ideal seria adicionar um link válido ou um #, por exemplo:

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

No mais, sua estrutura está bem organizada. Continue praticando e compartilhando suas dúvidas no fórum.

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)