Tutorial Iniciante de HTML: Cabeçalhos

22 02 2008

Exemplos de Cabeçalho numa página HTML

A tag p é só o começo da formatação de texto.

Se você tem documentos com cabeçalhos verdadeiros, use as tags HTML feitas especialmente pra isso.

Elas são h1, h2, h3, h4, h5 e h6. h1 é o todo poderoso imperador dos cabeçalhos e h6 é a mais baixa ralé.

Mude seu código para o seguinte:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Minha primeira página web</title>
  </head>

  <body>
    <h1>Minha primeira página web</h1>
    <h2>O que é isso?</h2>
    <p>Uma página simples feita usando HTML</p>
    <h2>Pra quê isso?</h2>
    <p>Pra aprender HTML</p>
  </body>

</html>

Note que a tag h1 só é usada uma vez – ela é o cabeçalho principal de uma página e não deve ser usada múltiplas vezes.

h2 até h6 no entanto, podem ser usadas quantas vezes você desejar, mas devem sempre ser usadas numa ordem lógica da maior (h1) até a menor (h6), que é o modo como elas foram pensadas. Por exemplo, um h4 deve sempre ser o sub-cabeçalho de um h3, que deve ser o sub-cabeçalho de um h2.

Algumas páginas do tutorial têm links pra exemplos no final. Abra esses exemplos e veja seu código fonte, saiba o que cada tag está fazendo.

Páginas Relacionadas

Exemplos

  • Cabeçalhos – h1 até h6 em seu estilo default.
  • Tamanho não importa – você pode fazer cabeçalhos do tamanho que você quiser usando CSS (que você vai aprender mais à frente).

Referência

BlogBlogs Tags: , ,

Esse material é uma adaptação do HTML Beginner Tutorial, de autoria de Patrick Griffiths. Todos os direitos pertencem ao autor.

About these ads

Ações

Information

4 responses

2 05 2008
Mike

Como vejo o código fonte?

2 05 2008
Elomar França

No firefox, clica com o botão direito em “código-fonte”, ou usa o atalho ctrl+u.

Não sei como funciona no IE, mas deve ser parecido.

5 03 2010
João

Prezado, copiei e colei o código exatamente como você escreveu.

O cabeçalho do código da página diz UTF-8. O navegador Firefox automaticamente setou o código como UTF-8, mas ao visualizar-se a página, os caracteres acentuados não são visualizados corretamente.

Será que para funcionar a escrita do código em html acima precisará ser feita via um editor de páginas como o Dreamweaver que codificaria os termos acentuados como UTF-8 na retaguarda?

Obrigado

28 03 2010
j201

muito legal

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s




Seguir

Obtenha todo post novo entregue na sua caixa de entrada.

%d blogueiros gostam disto: