index.html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">

    <title>NLW Experts</title>
</head>
<body>

    <main>

        <header>
            <img src="https://gist.githubusercontent.com/maykbrito/f47569e32fb2b21f2ecc9f4c035c141f/raw/a45997404564112d7596fbb1b9cad5de5521927e/logo.svg" alt="Logo NLW">
            <h1>Teste seus conhecimentos</h1>
        </header>
        
        <div id="quiz"></div>

        <template> 

            <div class="quiz-item"> <!-- A tag div cria uma quebra de linha  -->
                <h3>
                    Pregunta 01
                </h3>
                <dl> <!--description list-->
                    <dt> <!--description term-->
                        <input type="radio" name="item" value="0"> <!-- Usada para selecionar a resposta. A tag input tem as instruções como atributo e não tem conteúdo, então fecha nela mesma -->
                        <span> <!-- Tag spam sempre deixa o conteúdo em linha com a tag próxima, também não é uma tag semântica -->
                            Resposta A
                        </span>
                    </dt>
                </dl>
            </div>

        </template>

        <div id="acertos">
            <strong>Acertos</strong>
            <span>0 de 10</span>
        </div>
    </main>

    <script src="script.js"></script>
</body>
</html>