Adicionando Títulos às Páginas HTML

Para adicionar um título (ou subtítulo) ao corpo de uma Página HTML, normalmente utilizamos as Tags de Cabeçalho: <h1>, <h2>, <h3>, <h4>, <h5> e <h6>.

Para entender os exemplos abaixo, você precisa entender a estrutura padrão de um Documento HTML. Se você não conhece, sugiro que leia o post: Introdução ao HTML.
Voltando, o código abaixo por exemplo adiciona um título e um parágrafo ao corpo da Página:
<html>
<head>
<title>Adicionando Títulos às Páginas HTML</title>
</head>
<body>
<h1>Denecir da Silva Pereira</h1>
<p>Desenvolvedor de Aplicações Web e Consultor de Marketing Digital.</p>
</body>
</html>
Veja o resultado abaixo:
Adicionando títulos às Páginas HTML


Quanto maior o número, menor o tamanho

É importante comentar que, nas Tags de Cabeçalho, os números são inversamente proporcionais aos tamanhos dos títulos, ou seja, a Tag <h1> gera um título maior que a Tag <h6>. Observe o exemplo abaixo:
<html>
<head>
<title>Quanto maior o número, menor o tamanho</title>
</head>
<body>
<h1>Título 1</h1>
<h2>Título 2</h2>
<h3>Título 3</h3>
<h4>Título 4</h4>
<h5>Título 5</h5>
<h6>Título 6</h6>
</body>
</html>
Observe o resultado:
Tags de Cabeçalho. Quanto maior o número, menor o tamanho.

Alinhamento dos Títulos

O principal parâmetro das Tags de Cabeçalho é o align. Com ele, como o próprio nome já diz, é possível definir o alinhamento dos Títulos.

São três valores possíveis: left (alinha à esquerda), center (centraliza) e right (alinha à direita).

No exemplo abaixo, o título será alinhado à direita:
<h1 align=”right”>Título alinhado à direita</h1>

Se você não sabe como funcionam os parâmetros das Tags HTML, aconselho que leia o post: Parâmetros das Tags HTML.


Leia mais:

2 comentários:

  1. o meu texto fica do tamanho do meu título, não sei o que fazer, pode me ajudar?

    ResponderExcluir
    Respostas
    1. Fala Thiago!

      Normalmente isso acontece porque a tag HN (onde N é o número que representa o tamanho do título) não foi fechada ou não foi fechada corretamente.

      Dá uma olhada nisso.

      Abraço!

      Excluir

O que você achou do post? Faça um comentário.

Aprenda a receber dados de Formulário com PHP

Existem três arrays associativos que podemos usar para receber dados de Formulários HTML em PHP. São eles: $_GET , $_POST e $_REQUEST . O...