Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Usando Títulos e Parágrafos em HTML | Fundamentos do HTML
Fundamentos de HTML

bookUsando Títulos e Parágrafos em HTML

Agora que compreendemos como construir a estrutura correta do HTML, vamos direcionar nosso foco para preencher o elemento body com conteúdo a ser exibido na página web.

Títulos

Títulos são utilizados para estruturar e organizar o conteúdo em uma página web. O HTML oferece seis níveis de títulos, variando de <h1> (mais importante) até <h6> (menos importante).

É fundamental utilizar cada nível de título de forma adequada para manter a clareza e a consistência na estrutura do documento. O uso excessivo de títulos de nível superior ou a omissão de níveis pode causar confusão e dificultar a compreensão da organização do conteúdo por usuários e mecanismos de busca.
Exemplo:

index.html

index.html

copy

No exemplo acima:

  • <h1> é utilizado para o título principal da página;
  • <h2> é utilizado para subtítulos, indicando um nível de importância inferior ao <h1>;
  • <h3> é utilizado para subdivisões adicionais dentro de uma subseção.

Parágrafos

Parágrafos, representados pela tag <p>, separam blocos de texto em parágrafos distintos, proporcionando clareza visual e semântica ao conteúdo.
Exemplo:

index.html

index.html

copy

No exemplo acima:

  • Cada tag <p> define um bloco de parágrafo separado;
  • O navegador adiciona automaticamente espaçamento entre os parágrafos para melhorar a legibilidade e manter a consistência visual.

Tutorial em Vídeo

1. Quantos níveis de títulos o HTML fornece?

2. Qual tag é usada para indicar títulos no HTML?

3. Qual é a prática recomendada em relação ao uso de títulos no HTML?

4. Qual tag é usada para definir parágrafos?

question mark

Quantos níveis de títulos o HTML fornece?

Select the correct answer

question mark

Qual tag é usada para indicar títulos no HTML?

Select the correct answer

question mark

Qual é a prática recomendada em relação ao uso de títulos no HTML?

Select the correct answer

question mark

Qual tag é usada para definir parágrafos?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 3

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

Can you explain more about the difference between headings and paragraphs in HTML?

Why is it important to use the correct heading levels in my HTML documents?

Can you give more examples of when to use each heading level?

Awesome!

Completion rate improved to 3.13

bookUsando Títulos e Parágrafos em HTML

Deslize para mostrar o menu

Agora que compreendemos como construir a estrutura correta do HTML, vamos direcionar nosso foco para preencher o elemento body com conteúdo a ser exibido na página web.

Títulos

Títulos são utilizados para estruturar e organizar o conteúdo em uma página web. O HTML oferece seis níveis de títulos, variando de <h1> (mais importante) até <h6> (menos importante).

É fundamental utilizar cada nível de título de forma adequada para manter a clareza e a consistência na estrutura do documento. O uso excessivo de títulos de nível superior ou a omissão de níveis pode causar confusão e dificultar a compreensão da organização do conteúdo por usuários e mecanismos de busca.
Exemplo:

index.html

index.html

copy

No exemplo acima:

  • <h1> é utilizado para o título principal da página;
  • <h2> é utilizado para subtítulos, indicando um nível de importância inferior ao <h1>;
  • <h3> é utilizado para subdivisões adicionais dentro de uma subseção.

Parágrafos

Parágrafos, representados pela tag <p>, separam blocos de texto em parágrafos distintos, proporcionando clareza visual e semântica ao conteúdo.
Exemplo:

index.html

index.html

copy

No exemplo acima:

  • Cada tag <p> define um bloco de parágrafo separado;
  • O navegador adiciona automaticamente espaçamento entre os parágrafos para melhorar a legibilidade e manter a consistência visual.

Tutorial em Vídeo

1. Quantos níveis de títulos o HTML fornece?

2. Qual tag é usada para indicar títulos no HTML?

3. Qual é a prática recomendada em relação ao uso de títulos no HTML?

4. Qual tag é usada para definir parágrafos?

question mark

Quantos níveis de títulos o HTML fornece?

Select the correct answer

question mark

Qual tag é usada para indicar títulos no HTML?

Select the correct answer

question mark

Qual é a prática recomendada em relação ao uso de títulos no HTML?

Select the correct answer

question mark

Qual tag é usada para definir parágrafos?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 3
some-alt