<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Exemplo de Estilo</title>
<style>
body {
background-color: black;
color: white;
}
</style>
</head>
<body>
<h1>Olá, Mundo!</h1>
<p>Este é um exemplo com fundo preto e texto branco.</p>
</body>
</html>
Oi, Vanessa! Como vai?
Agradeço por compartilhar seu código com a comunidade Alura.
Seu código está bem estruturado e você aplicou corretamente o uso da tag <style> dentro do <head>. Isso mostra que entendeu como separar o estilo da estrutura do HTML, o que é fundamental no desenvolvimento web.
Uma dica interessante para o futuro é experimentar usar uma folha de estilo externa, pois facilita a manutenção do código em projetos maiores. Veja este exemplo:
/* arquivo chamado estilos.css */
body {
background-color: black;
color: white;
}
Depois, no seu HTML, basta usar a tag <link> para conectar o CSS externo:
<link rel="stylesheet" href="estilos.css">
Esse método permite separar a lógica da estrutura visual do conteúdo HTML.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!