1
resposta

Atividade 1

Fiz o exercício sem me importar muito com as informações, só para testar as funcionalidades do código mesmo, mas fiquei muito contente de ver todo o engajamento do fórum e saber que podemos aprender muito mais acompanhando as dúvidas poraqui!

ps: foi muito bacana testar efeitos de header nas listas, deu pra ver que nem tudo funciona nas listas exatamente como funciona no body e as adaptações do Quirks mode.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>
            EXERCÍCIO 1
        </title>
    </head>
    <body>
        <h1>Realização do exercício solicitado</h1>
        <h2>Aqui estou realizando um exercício para praticar as habilidades necessárias para ser um bom programador front-end</h2>
        <p>Lorem, ipsum dolor sit amet <strong>consectetur</strong> adipisicing elit. Dicta, dolor esse. Consequuntur inventore, ducimus maiores numquam deserunt atque ut est explicabo modi quia, recusandae consequatur repellendus rem reiciendis velit aspernatur.</p>
        <img src="html.png" alt="Logo do html 5, mané">
        <ol>
            <li><h1>item 1</h1></li>
            <li><h2>item 2</h2></li>
            <li><h3>item 3</h3></li>
        </ol>
        <ul>
            <li><h1>item 1</h1></li>
            <li><h4>item 2</h4></li>
            <li><h5>item 3</h5></li>
        </ul>
    </body>
</html>
1 resposta

Oii, Samuel!

Fico feliz em saber que você está gostando do fórum e aproveitando para aprender mais! Vamos dar uma olhada no seu código e nas suas observações sobre os efeitos de header nas listas.

Você mencionou que notou diferenças ao aplicar tags de header dentro de listas. Isso acontece porque as tags de header (<h1>, <h2>, etc.) têm um comportamento específico e são geralmente usadas para definir a hierarquia de títulos na página. Quando usadas dentro de listas, podem causar um comportamento inesperado ou não usual.

Parabéns por ir testando e praticando!

Um abraço e bons estudos.