Cabeçalhos
Há seis tamanhos de cabeçalhos em HTML, de <H1> a <H6>:
<H1>Este é um cabeçalho tamanho 1</H1>
<H2>Este é um cabeçalho tamanho 2</H2>
<H3>Este é um cabeçalho tamanho 3</H3>
<H4>Este é um cabeçalho tamanho 4</H4>
<H5>Este é um cabeçalho tamanho 5</H5>
<H6>Este é um cabeçalho tamanho 6</H6>
Esses cabeçalhos serão mostrados da seguinte forma:
Este é um cabeçalho tamanho 1
Este é um cabeçalho tamanho 2
Este é um cabeçalho tamanho 3
Este é um cabeçalho tamanho 4
Este é um cabeçalho tamanho 5
Este é um cabeçalho tamanho 6
É bom notar que o título do documento não precisa ter necessariamente o mesmo texto do cabeçalho principal.
Os cabeçalhos têm os seguintes atributos de alinhamento:
<H2 ALIGN=CENTER>Cabeçalho centralizado</H2>
Cabeçalho centralizado
<H3 ALIGN=RIGHT>Cabeçalho alinhado à direita</H3>
Cabeçalho alinhado à direita
<H4 ALIGN=LEFT>Cabeçalho alinhado à esquerda (default)</H4>
Cabeçalho alinhado à esquerda (default)
Estilos de fontes, tamanhos, alinhamento, cores de texto, cores de fundo podem ser modificadas utilizando CSS - Folhas de estilos em cascata.
Exemplos:
h1{ font-family: Arial Black, serif ;font-size : 18pt; font-weight : normal;text-align :center}
h2 { font-family: Times New Roman, serif ;font-size : 16pt; font-weight : normal; color :#FF0000;background-color :#FFFF00}
Tutorial Html Sites Prontos - Cabeçalhos - Adicionando A Cor Do Fundo
O código:
<h1 STYLE="font-family: Arial;font-style : italic ;font-size : 14pt; font-weight :bold;text-align : left; color :#000000; background-color :#00FF00; width : 300px">Tutorial Html Sites Prontos - Cabeçalhos - Adicionando A Cor Do Fundo</h1>
O código acima produz o seguinte resultado:
Tutorial Html Sites Prontos - Cabeçalhos - Adicionando A Cor Do Fundo
Você pode adicionar bordas também:
<h1 STYLE="font-family: Arial;font-style : italic ;font-size : 14pt; font-weight :bold;text-align : left; color :#000000;background-color :#00FF00; width : 650px; border: solid #000000 2px">Tutorial Html Sites Prontos - Cabeçalhos - Adicionando A Borda</h1>
Tutorial Html Sites Prontos - Cabeçalhos - Adicionando A Borda
Para fazer o mesmo cabeçalho aparecer igual em todos os tipos de browser certifique-se de especificar a largura no cabeçalho:
<h1 Style="width : 650px;"> </h1>
|
