Dúvida/Curiosidade sobre tag h1

Oi Ramon tudo bem?

Nessa hora o navegador vai tentar arrumar o código.

<h1>Primeira linha<h1>Segunda linha

No Firefox em que to testando ele substitui o código por

<h1>Primeira linha</h1>
<h1>Segunda linha</h1>

Espero ter ajudado!!!

Oi Ramon!!

Mais a frente, você irá aprender sobre o CSS para estilizar as suas páginas, e verá que existem propriedades que fazem com que determinadas tags possuam algum padrão específico de posicionamento (lado a lado ou um embaixo do outro, por exemplo). Nesse caso, nada foi personalizado, então as tags que você utiliza estão seguindo o padrão de estilização básico do próprio HTML.

Ao analisar o CSS dessas tags mais a frente em seus estudos, você verá que elas possuem a seguinte propriedade por default: display: block . Em outras palavras, essa tag sempre começará em uma nova linha e ocupará toda a largura disponível da mesma na sua página.

Assim, toda vez que inserimos uma nova tag dessas, ela agirá como um "bloco", ou seja, ao inserirmos essas tags na sua página, ela irá ocupar uma linha própria e irá se posicionar uma linha abaixo do elemento anterior.

No seu caso, foram abertas duas tags H1, então ele eventualmente trata como se fossem dois blocos de texto, ocupando duas linhas. Esse padrão é o mesmo para diversas outras tags utilizadas ao longo deste curso (div, h2, h3 e por aí vai).

Caso você queira evitar essa quebra de linha, você pode mais a frente substituir o valor dessa propriedade na tag h1 por display:inline, por exemplo. Mas nesse começo, recomendo somente levar em consideração que ao inserirmos texto dentro de uma dessas tags, ela ocupará uma linha inteira para ela mesma na página, ok?

Espero ter conseguido ter esclarecido essa sua dúvida!! Muito sucesso e bons estudos!

Obrigado Andre Tardelli, solucionado!