Programação
 › Algoritmo  › C/C++  › Java
Web
 › HTML/XHTML  › JavaScript  › PHP
Sistema Operacional
 › Comandos de DOS  › Windows  › Linux  › Mac/BSD
Office
 › Word / Writer  › Excel / Calc
Áreas do Site
 › Download  › Fórum  › Blog
Recomendamos
Computadores e Informática em Lisboa
TI Expert » Programação » Web » HTML/XHTML » Headings ou Títulos - H1, H2, H3, H4, H5, H6

Headings ou Títulos

Em XHTML/HTML, podemos criar títulos para o nosso documento usando hierarquias, ou seja, criando níveis como título, subtítulo e assim por diante.

A tag que faz isso é o h (que é a letra inicial do inglês heading). Usamos a tag h com um número logo após, no qual determina a sua importância para o documento. Esse número vai de 1 a 6, sendo 1 o relativamente o mais importante e 6 o menos.

Os browsers tratam visualmente os títulos (headings) modificando seu tamanho. Veja o código abaixo e sua visualização.

<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>
Exemplo das hierarquias de títulos de 1 a 6

Podemos também formatar o título (heading) da mesma forma que formatamos o parágrago (tag P), usando a tag FONT ou por estilos CSS. O alinhamento fica por conta do atributo align que pode ser left (esquerdo), center (centro), right (direito) e justify (justificado). No exemplo abaixo estão dois títulos (headings). O primeiro está Arial, 4, vermelho e o segundo Tahoma, 2, azul, centralizado.

<H1><FONT FACE="Arial" SIZE="4" COLOR="red">Título 1</FONT></H1>
<H2 ALIGN="center"><FONT FACE="Tahoma" SIZE="2" COLOR="blue">Título 2</FONT></H2>
Fonte: w3.org
Características - tag H (texto - títulos)
uso HTML 4.01 <H1> ... </H1>, <H2> ... </H2>, ...
XHTML <H1> ... </H1>, <H2> ... </H2>, ...
HTML 5 <H1> ... </H1>, <H2> ... </H2>, ...
Formatação Padrão fonte Serif
cor #000000 (preto)
alinhamento esquerdo
visualização bloco
Tamanho Padrão H1 32px
H2 24px
H3 18.5px
H4 16px
H5 13.5px
H6 11px
Atributos Aceitos align, title, lang, id, class e style
Eventos Possíveis onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

Creative Commons License
Autor: Denys William Xavier
Este artigo está sob Licença Creative Commons.

Faça o download da versão em PDF Indique nosso site Gostou?
Indique nosso site!
Este artigo foi
lido 65782 vezes
Bookmark e Compartilhe

Páginas Relacionadas

Enquete
O Google Chrome OS irá desbancar o Microsoft Windows 7?
» ProgramaçãoAlgorítmo | C/C++ | Java

» WebHTML/XHTML | JavaScript | PHP

» Sistema OperacionalComandos de DOS | Windows | Linux | Mac/BSD

» OfficeWord/Wirter | Excel/Calc

» Áreas do SiteDownloads | Fórum | Blog