Entrar Ainda não tem acesso?
1
resposta

Lista de exercícios

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 Rayra Bandeira De Mello Gomes Dias
| 28.1k xp | 14 posts
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portfólio de Rayra</title>
</head>
<body>
    <header>Menu</header>
    <main>
        <h1>Olá, me chamo <strong>Rayra Bandeira</strong></h1>
        <h2>Estudante da Alura/One</h2>
        <p>Aprendendo a estruturar um HTML</p>
        <button>Instagram</button>
        <button>Github</button>
        <a href="">Instagram</a>
        <a href="">Github</a>
        <img src="imagem.jpeg" alt="Esta é uma foto da Rayra Bandeira">
    </main>
    <footer>Esta imagem é protegida por direitos autorais. Proibido o compartilhamento sem permissão.</footer>
</body>
</html>
1 resposta
por Mike de Sousa
| 1596.3k xp | 2924 posts
Alura Scuba Team Suporte Educacional

Olá, Rayra, como vai?

Seu código está ótimo! A estrutura HTML que você criou está bem organizada e segue os princípios do que foi pedido na atividade. Você fez um bom uso das tags semânticas como <header>, <main>, e <footer>. A inclusão de <strong> para destacar seu nome no título também é uma boa prática.

Gostaria apenas de sugerir uma pequena alteração nos botões. Como o objetivo é direcionar os usuários para suas redes sociais, é mais adequado usar as tags <a> diretamente para isso, ao invés de <button>. A tag <button> é mais indicada para ações dentro da página, como o envio de formulários, enquanto <a> é feita especificamente para links.

Espero ter ajudado!

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

Abraços :)