Questão de TI - Desenvolvimento de Sistemas — HTML — VUNESP 2023
TI - Desenvolvimento de Sistemas›HTML
Código
vu196830
Banca
VUNESP
Órgão
TRF 3
Ano
2023
Cargo
TJ TRF3
Um programador elaborou o seguinte programa na linguagem HTML5: <!DOCTYPE html> <html><body> <h1>Site da Empresa X</h1> <p>Este é o site da nossa empresa.</p> </body></html> Supondo que o programa será executado por um navegador típico, como o Chrome ou o Edge, caso após a quarta linha seja colocado <hr>
Ao texto da linha 4 e o cabeçalho serão exibidos em itálico.
Bo cabeçalho da página será suprimido.
Co cabeçalho da página será sublinhado e o texto da linha 3 não será sublinhado.
Dserá inserida uma tabulação antes do texto da linha 4.
Eocorrerá uma quebra de linha temática e normalmente será colocada uma linha após o texto da linha 4.
Revelar gabarito e comentário▾
GabaritoE — ocorrerá uma quebra de linha temática e normalmente será colocada uma linha após o texto da linha 4.
Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.
HTML5: a tag <hr> e a quebra temática
Gabarito: letra E. Ao inserir <hr> após a quarta linha do código, o navegador renderiza uma quebra de linha temática — uma linha horizontal separando o conteúdo — exatamente como descreve a alternativa E. A tag <hr> (horizontal rule) é um elemento vazio do HTML que representa uma mudança de tema entre seções de conteúdo, e o navegador a exibe, por padrão, como uma linha horizontal.
A tag <hr> é um dos elementos mais simples do HTML, mas carrega um significado semântico importante. Ela não é apenas um enfeite visual: segundo a especificação do HTML5, <hr> representa uma quebra temática entre parágrafos de um texto — por exemplo, uma mudança de cena em uma narrativa ou a transição para um novo assunto. Visualmente, os navegadores típicos (Chrome, Edge, Firefox) renderizam <hr> como uma linha horizontal que ocupa toda a largura do contêiner, criando uma separação clara entre o conteúdo anterior e o posterior.
No código do enunciado, a estrutura é:
<!DOCTYPE html>
<html><body>
<h1>Site da Empresa X</h1>
<p>Este é o site da nossa empresa.</p>
</body></html>
A quarta linha é <p>Este é o site da nossa empresa.</p>. Se inserirmos <hr> logo após essa linha, o navegador exibirá o parágrafo, depois uma linha horizontal, e então o restante do documento (que, no caso, é apenas o fechamento das tags). O efeito visual é uma separação temática entre o parágrafo e o que vier depois.
É importante distinguir <hr> de outras tags de formatação:
<hr>não aplica itálico, sublinhado ou qualquer estilo ao texto — ele é um elemento de bloco que cria uma linha horizontal.
<hr>não suprime o cabeçalho <h1> — o cabeçalho continua sendo exibido normalmente.
<hr>não insere tabulação — tabulação seria feita com CSS (text-indent) ou com espaços, não com <hr>.
A pegadinha desta questão está em confundir <hr> com outras tags ou com efeitos de formatação de texto. O candidato pode pensar que <hr> é uma tag de estilo (como <i> ou <u>) ou que ela afeta o layout de alguma forma diferente. Na verdade, <hr> é um elemento estrutural que indica uma quebra temática, e o navegador a desenha como uma linha horizontal.
Guarde o critério: <hr> = quebra temática + linha horizontal. É exatamente isso que a alternativa E descreve, e é o que separa a correta das demais.
1Renderiza o parágrafo
2Insere linha horizontal
3Quebra temática entre seções
LEVEL · soulevel.com.br
Alternativa A — ❌ Incorreta
Afirma que o texto da linha 4 e o cabeçalho serão exibidos em itálico. Errado: <hr> não aplica itálico. Itálico é obtido com a tag <i> ou com CSS (font-style: italic). <hr> é um elemento de bloco que desenha uma linha horizontal, sem afetar o estilo do texto.
Alternativa B — ❌ Incorreta
Afirma que o cabeçalho da página será suprimido. Errado: <hr> não remove ou esconde o <h1>. O cabeçalho continua sendo renderizado normalmente. Suprimir um elemento exigiria CSS (display: none) ou a remoção da tag.
Alternativa C — ❌ Incorreta
Afirma que o cabeçalho será sublinhado e o texto da linha 3 não será sublinhado. Errado: <hr> não aplica sublinhado. Sublinhado é feito com a tag <u> ou CSS (text-decoration: underline). Além disso, a linha 3 é o <h1>, e a linha 4 é o <p> — a alternativa confunde a numeração das linhas e atribui a <hr> um efeito de formatação que ele não possui.
Alternativa D — ❌ Incorreta
Afirma que será inserida uma tabulação antes do texto da linha 4. Errado: <hr> não insere tabulação. Tabulação em HTML é controlada por CSS (por exemplo, text-indent ou margin-left). <hr> cria uma linha horizontal, não um recuo de texto.
Alternativa E — ✅ Correta ⟵ GABARITO
Afirma que ocorrerá uma quebra de linha temática e normalmente será colocada uma linha após o texto da linha 4. Correto: é exatamente a função semântica e visual de <hr>. A especificação do HTML5 define <hr> como uma quebra temática, e os navegadores a renderizam como uma linha horizontal. O texto da linha 4 (<p>) é seguido por essa linha, separando o conteúdo.
PEGA ESSA DICA!
Para questões sobre tags HTML, lembre-se da função semântica de cada uma: <hr> = quebra temática (linha horizontal), <br> = quebra de linha simples, <i> = itálico, <u> = sublinhado. Se a alternativa falar em estilo de texto, desconfie — tags estruturais como <hr> não alteram a formatação do texto.