Títulos em XHTML/HTML

Prévia do material em texto

www.tiexpert.net – O ponto de encontro do estudante de TI
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>
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>
http://www.tiexpert.net/ver.php?page=99 Página 1
www.tiexpert.net – O ponto de encontro do estudante de TI
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
Fonte: w3.org
Autor: Denys William Xavier
Este artigo está sob Licença Creative Commons
Para ver uma cópia desta licença, visite http://creativecommons.org/licenses/by-nc-sa/2.5/br/
ou envie uma carta para Creative Commons, 171 Second Street, Suite 300, San Francisco, California 94105, USA.
http://www.tiexpert.net/ver.php?page=99 Página 2