Os títulos ajudam a definir a hierarquia e a estrutura do conteúdo da web.

O HTML fornece seis níveis de tags de título, <h1> a <h6>; quanto menor o número do nível de título, mais importante ele é – então a tag <h1> define o título mais importante e a tag <h6> define o título menos importante do documento.

Por padrão, os navegadores exibem títulos em uma fonte maior e mais em negrito do que o texto normal. Além disso, os cabeçalhos <h1> são exibidos em fonte maior, enquanto os cabeçalhos <h6> são exibidos em fonte menor.

<h1>Nível de título 1</h1>
<h2>Nível de título 2</h2>
<h3>Nível de título 3</h3>
<h4>Nível de título 4</h4>
<h5>Nível de título 5</h5>
<h6>Nível de título 6</h6>

Veja a demonstração:

Vamos ver um outro exemplo mais prático:

<h2 align="center">HTML - Títulos 1:6 (Cabeçalhos)</h2>

<p>Este é o parágrafo um do meu texto.</p>

<p>Este é o parágrafo dois do meu texto</p>

Veja a demonstração:

HTML – Títulos 1:6 (Cabeçalhos)

Este é o parágrafo um do meu texto.

Este é o parágrafo dois do meu texto

Nota: Sempre que você coloca tags de cabeçalho em uma página da Web, a folha de estilo integrada do navegador da Web cria automaticamente algum espaço em branco (chamado de margens) antes e depois de cada título. Você pode usar as propriedades de margem CSS para substituir a folha de estilo padrão do navegador.

Dica: Você pode personalizar facilmente a aparência das tags de título HTML, como tamanho da fonte, negrito, fonte etc., usando as propriedades de fonte CSS.

Importância dos títulos

• Os cabeçalhos HTML fornecem informações valiosas ao destacar tópicos importantes e a estrutura do documento, portanto, otimize-os cuidadosamente para aumentar o envolvimento do usuário.
• Não use títulos para fazer seu texto parecer grande ou em negrito. Use-os apenas para destacar o título do documento e mostrar a estrutura do documento.
• Como os mecanismos de pesquisa como o Google usam títulos para indexar a estrutura e o conteúdo das páginas da Web, é muito sábio usá-los em suas páginas.
• Use o cabeçalho <h1> como o cabeçalho principal da página, depois o cabeçalho <h2>, depois o cabeçalho menos importante <h3> e assim por diante.

Dica: Use a tag <h1> para marcar os títulos mais importantes, geralmente no topo da página. Um documento HTML geralmente deve ter apenas um cabeçalho <h1>, seguido por cabeçalhos de nível inferior, como <h2>, <h3>, <h4> etc.

Leia também: CSS: guia sobre seletores