Cabeçalhos


Existem outras etiquetas para definir parágrafos especiais, formatados como títulos. São os cabeçalhos ou Header em inglês. Como dissemos, são etiquetas que formatam o texto como um título, para o qual atribuem um tamanho maior de letra e colocam o texto em negrito.

Existem vários tipos de cabeçalhos que se diferenciam no tamanho da letra que utilizam. A etiqueta em concreto é a <h1>, para os cabeçalhos maiores, <h2> para os de segundo nível e assim, até <h6> que é o cabeçalho menor.

Os cabeçalhos implicam também uma separação em parágrafos, portanto, tudo o que for escrito dentro de <h1> e </h1> (ou qualquer outro cabeçalho) será colocado em um parágrafo independente.

Podemos ver como se apresentam alguns cabeçalhos a seguir:

“<h1>Cabeçalho de nível 1</h1>”

Será visto dessa maneira na página:

Cabeçalho de nível 1

Os cabeçalhos, como outras etiquetas de html, suportam o atributo align. Vejamos um exemplo de cabeçalho de nível 2 alinhado ao centro:

“<h2 align=”center”>Cabeçalho de nível 2</h2>”

Será visto dessa maneira na página:

Cabeçalho de nível 2

Outro exercício interessante é construir uma página web que contenha todos os cabeçalhos possíveis. Pode-se ver a seguir:

“<html>
<head>
<title>Todos os cabeçalhos</title>
</head>

<body>

<h1>Cabeçalho de nível 1</h1>
<h2>Cabeçalho de nível 2</h2>
<h3>Cabeçalho de nível 3</h3>
<h4>Cabeçalho de nível 4</h4>
<h5>Cabeçalho de nível 5</h5>
<h6>Cabeçalho de nível 6</h6>

</body>

</html>”