Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

antes de ele falar que ia ficar bagunçado... eu salvei e recarreguei e não mudou nada

ele diz que quando trocarmos as tags, de h1 pra h2 e vai indo... ele fala que iria ficar bagunçado, mas não ficou... isso é um novo recurso dos navegadores ou sei lá??

1 resposta

Oi, Fabrício, tudo bem?

Quando o instrutor falar o sobre a mistura de tags h1, h2, etc, é que estamos estilizando cada tag diretamente a elas, sem usar classes, veja que cada tag tem da h1 a h6 tem um padrão diferente:

Cada tag h1 até h6 cada uma dessas tags tem um tamanho padrão diferente. Se você testar esse código html, você verá tamanhos diferentes por default para cada tag:

<html>
<body>

<h1>Teste para h1</h1>
<h2>Teste para h2</h2>
<h3>Teste para h3</h3>
<h4>Teste para h4</h4>
<h5>Teste para h5</h5>
<h6>Teste para h6</h6>
</body>
</html>
  • Para h1 o tamanho é font-size: 2em;
  • Para h2 o tamanho é font-size: 1.5em;
  • Para h3 o tamanho é font-size: 1.17em;
  • Para h4 o tamanho é font-size: 1em;
  • Para h5 o tamanho è font-size: .83em;
  • Para h6 o tamanho é font-size: .67em;

Então, ele sugere criarmos classes para organizar a estilização das nossas tags.

Ficou mais claro? Qualquer dúvida é só falar!