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?

Máquina de Pascal

A Máquina de Pascal, criada em 1642 pelo filósofo, físico e matemático francês Blaise Pascal, é reconhecida como o primeiro computador do mundo e ele foi criado com o objetivo de calcular impostos. Saiba mais.

Música tema do Blanka

Até a primeira metade dos anos 90 era bastante comum que as trilhas sonoras dos games fossem criadas por mulheres e a responsável pelas músicas do clássico Street Fighter 2 foi Yoko Shimomura. Segundo ela, o ritmo "Tararirarin" da música tema do personagem Blanka, do Brasil, veio à sua cabeça enquanto ela estava no trem a caminho da Capcom.

Mario em Donkey Kong

O personagem Mario surgiu pela primeira vez no mundo dos games em um jogo chamado Donkey Kong, lançado em 1981. Mario, que naquela época se chamava Jumpman, não era o personagem principal do jogo, mas ele se tornaria um dos mais famosos personagens do mundo dos games. Saiba mais.

Civilization

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.

Duck Hunt

Ao completar o nível 99 do jogo Duck Hunt, para Nintendo, o jogo retorna ao primeiro nível, mas um bug impede que se acerte os patos neste recomeço. Este é um exemplo do que é chamado no mundo dos games de "Kill Screen".