Agora que você já entende o que são tags e elementos, chegou a hora de aprender a organizar o conteúdo da página do jeito certo.

No HTML, isso começa com títulos e parágrafos.

Os títulos: <h1> até <h6>

O HTML possui seis níveis de títulos, que vão do mais importante ao menos importante:

   
    <h1>Título principal</h1> 
    <h2>Subtítulo</h2> 
    <h3>Seção interna</h3> 
    <h4>Detalhe</h4> 
    <h5>Informação secundária</h5> 
    <h6>Nota pequena</h6> 

O código acima contruiria a seguinte página:

Exemplo de tags

Cada nível indica a importância do conteúdo, e não o tamanho do texto.

Hierarquia de conteúdo

Os títulos criam uma hierarquia lógica na página, como se fosse o índice de um livro:

  • <h1> → assunto principal da página
  • <h2> → seções do conteúdo
  • <h3> → subseções
Pense nos títulos como um mapa que ajuda pessoas e computadores a entenderem sua página.

O erro mais comum: usar <h1> por tamanho

Um erro clássico de iniciantes é usar <h1> apenas porque ele é grande.

No HTML, o tamanho do texto é responsabilidade do CSS. O HTML se preocupa apenas com o significado do conteúdo.

Você pode ter:

  • Um <h2> visualmente maior que um <h1>
  • Um <h1> pequeno, mas semanticamente correto

Parágrafos com <p>

Para textos comuns, usamos a tag de parágrafo:

 <p>Este é um parágrafo de texto.</p> 

O navegador entende que esse conteúdo é um bloco de texto e aplica espaçamento automaticamente.

Sempre que você estiver escrevendo texto corrido, use <p>.

Exemplo de estrutura correta

  
<h1>Curso de HTML</h1>
<h2>Introdução</h2>
<p>Este curso ensina os fundamentos do HTML.</p>
<h2>Estrutura básica</h2>
<p>Toda página HTML possui uma estrutura padrão.</p>

O código acima resultará na seguinte página sendo criada:

Exemplo de página HTML

Essa organização deixa o conteúdo claro para:

  • Quem está lendo
  • Navegadores
  • Mecanismos de busca
  • Leitores de tela

Visual não é estrutura

Nunca escolha uma tag pelo visual. Escolha sempre pelo significado do conteúdo.

💾🧠 Resumo da aula para nunca mais esquecer

  • HTML possui seis níveis de títulos: <h1> a <h6>
  • Títulos representam hierarquia, não tamanho
  • O <h1> indica o assunto principal da página
  • Textos comuns devem ser escritos com <p>

Na próxima aula, vamos aprender sobre quebras de linha, comentários e formatação básica no HTML.


HARDWARE

Entendendo o seu computador

O que há dentro do meu computador?

Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.

  • Gabinetes

  • Placas-Mãe

  • Processadores

  • Memória

  • Fontes

  • Drives Ópticos

  • Discos Rígidos

  • SSD

  • Placas de Som

  • Placas de Vídeo

Você Sabia?

Excesso de barulho dentro do seu gabinete, principalmente logo que você o liga, pode ser sintoma de problemas nas ventoinhas, que podem precisar ser limpas ou trocadas. Entre em contato com um técnico de sua confiança e verifique isso o quanto antes.


Street Fighter 2, lançado para o Super Nintendo no início dos anos 90, foi o principal responsável pelo aumento nas vendas deste console. Graças ao sucesso do título nos Arcades e à perfeita adaptação ao console, muitos consumidores adquiriram o SNES para jogarem o título em casa. Saiba mais.


O filme Mortal Kombat, inspirado no jogo de mesmo nome, faturou 23 milhões de dólares apenas no fim de semana de estreia nos EUA. Ainda sobre este título de sucesso, outra cifra que impressiona é o faturamento ao longo do primeiro ano: 1 bilhão de dólares no mundo todo.


Utilizar seu notebook em camas, sofás ou qualquer superfície macia pode obstruir as entradas e saídas de ar, elevando a temperatura e provocando danos a diversos componentes. Utilize-o sempre sobre uma superfície rígida. Saiba mais aqui.


A empresa Take-Two pagou à Infogrames mais de 22 milhões de dólares pelos direitos de Civilization, em novembro de 1994. Ainda sobre este título, Sid Meier, um dos seus fundadores, é o profissional da área dos games mais premiado em todo o mundo.