Questão de Tecnologia da Informação · FGV MP-SC 2022 (nº 46)

Conceito-chave: Elementos block-level ocupam toda a largura disponível e sempre começam em uma nova linha (como blocos empilhados). Elementos inline fluem na mesma linha do texto ao redor, ocupando só o espaço do seu conteúdo (como palavras dentro de uma frase).

• (A) Incorreta: A afirmativa I é verdadeira, mas a II é falsa (<p> é block-level, não inline), então a alternativa que só cita I está incompleta.
• (B) Incorreta: A afirmativa II é falsa: <p> é um parágrafo, que quebra linha antes e depois, portanto é block-level, não inline.
• (C) Incorreta: A afirmativa II é falsa (mesmo motivo acima), então não se pode afirmar I e II juntas.
• (D) Correta: A afirmativa I está correta (block-level sempre inicia nova linha) e a III está correta (<div> é o exemplo clássico de block-level). A II é falsa, pois <p> é block-level.
• (E) Incorreta: A afirmativa II é falsa (<p> é block-level), e embora III seja verdadeira, a combinação com II invalida a alternativa.

Armadilha da banca (no distrator mais tentador, a letra C): A pegadinha está em assumir que <p> é inline porque ele é um elemento "pequeno" ou de texto. Na verdade, <p> quebra linha e ocupa toda a largura disponível, sendo block-level. A banca explora a confusão entre "elemento de texto" e "elemento inline". Decore: todo parágrafo (<p>) é um bloco, assim como <div>, <h1>–<h6>, <ul>, <li>, <section>. Elementos inline comuns são <span>, <a>, <strong>, <em>.