sábado, 14 de agosto de 2010

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:

0 comentários:

Postar um comentário

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

Todos os direitos reservados.

Todos os direitos reservados.