Marcação de Texto

Agora que entendemos como construir a estrutura HTML correta, vamos mudar nosso foco para preencher o elemento body com conteúdo para exibir na página da web.

Cabeçalhos

Os cabeçalhos são usados para estruturar e organizar o conteúdo em uma página da web. O HTML fornece seis níveis de cabeçalhos, variando de <h1> (mais importante) a <h6> (menos importante).

É importante usar cada nível de cabeçalho de forma apropriada para manter a clareza e a consistência na estrutura do documento. Usar excessivamente cabeçalhos de nível superior ou pular níveis pode levar à confusão e dificultar a compreensão da organização do conteúdo por usuários e mecanismos de busca.
Exemplo:

No exemplo acima:

• <h1> é usado para o cabeçalho principal da página;
• <h2> é usado para subcabeçalhos, indicando um nível de importância inferior em comparação com <h1>;
• <h3> é usado para subdivisões adicionais dentro de uma subseção.

Parágrafos

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

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