index.html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Blog</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>

    <header>
     <h1>Meu Blog Tech</h1>
     <p>Vou compartilhar conhecimentos sobre tecnologia e progamação</p>
    </header>
   
    <main>
        <img src="img/imagem-blog.jpeg" alt="logotipo conceitual de tecnologia e educação:
        um livro aberto de onde emerge um cérebro digital brilhant, cercado por ícones de Wi-Fi, circuitos e lâmpada de ideia. Cores em tons de azul e branco">
      <div>
        <h2>Meu primeiro post</h2>
        <p class="artigo-autor">Por: RAFAEL</p>
    <p>Boas vindas ao meu novo blog!Aqui vou compartilhar
        <p>Aqui vou compartilhar dicas de progamação e curiosidade da área de tecnoligia</p>
    </div>    
        </main>
        <footer>
        </footer>
</body>

</html>
<!--Identação Shift+Alt+F-->