Teste AutoCompilador

Aba Principal

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Notícias</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }

header {
            background-color: #333;
            color: white;
            padding: 1em;
            text-align: center;
        }

nav {
            background-color: #444;
            padding: 0.5em;
            text-align: center;
        }

nav a {
            color: white;
            text-decoration: none;
            padding: 0.5em 1em;
            margin: 0 1em;
        }

section {
            padding: 1em;
        }

article {
            margin-bottom: 1em;
        }

footer {
            background-color: #333;
            color: white;
            padding: 1em;
            text-align: center;
        }
    </style>
</head>
<body>

<header>
        <h1>Notícias Importantes</h1>
    </header>

<nav>
        <a href="#">Home</a>
        <a href="#">Política</a>
        <a href="#">Economia</a>
        <a href="#">Ciência</a>
        <a href="#">Esportes</a>
    </nav>

<section>
        <article>
            <h2>Título da Notícia 1</h2>
            <p>Texto da notícia...</p>
        </article>

<article>
            <h2>Título da Notícia 2</h2>
            <p>Texto da notícia...</p>
        </article>

<article>
            <h2>Título da Notícia 3</h2>
            <p>Texto da notícia...</p>
        </article>
    </section>

</body>
</html>

Teste AutoCompilador

Atalho 1