<!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
resposta
Lista de exercícios
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 :)