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

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