<1> <2> <3> <4> <5> <6> <7> <8> <9> <10> <11> <12> <13> <14> <15> <16>

 

Lição 3 - Cabeçalhos - os 6 níveis

 

Como você vê nesta página WWW, os cabeçalhos das seções ("Lição 3 - ...", "Objetivos", "Lição", "Cabeçalhos"...) aparecem em diferentes tamanhos e, talvez, diferentes cores e fontes. A linguagem HTML tem códigos para designar cabeçalhos de 6 diferentes níveis de significância.

Objetivos
  Identificar os diferentes níveis de cabeçalhos em HTML e os rótulos associados a eles.
  Colocar diferentes níveis de cabeçalho em seu documento HTML e ver as mudanças no browser WWW.

 

Lição

Cabeçalhos

Cabeçalhos são conseguidos em HTML rotulando certos trechos de texto com rótulos de heading. O formato para um rótulo de heading é: 




     <hN>Texto a aparecer no cabeçalho</hN>

N é um número de 1 a 6 identificando o tamanho da fonte a ser usada. Aqui estão exemplos dos diversos tamanhos (e talvez fontes) de cabeçalhos:

<h1> . . . </h1>

Cabeçalho H1
<h2> . . . </h2>

Cabeçalho H2

<h3> . . . </h3>

Cabeçalho H3

<h4> . . . </h4>

Cabeçalho H4

<h5> . . . </h5>
Cabeçalho H5
<h6> . . . </h6>
Cabeçalho H6

Os níveis variam de 1 (mais importante) a 6 (menos importante).

Incluindo Cabeçalhos HTML no seu documento
  1. Re-abra sua área de trabalho
  2. Vá para o editor de texto
  3. Abra o arquivo preparado na lição 2 "jv1.html".
  4. Primeiro, use o rótulo <h1> para mostrar o título o maior possível (cabeçalho nível 1). Acima da primeira porção de texto e abaixo da linha com o rótulo title, digite o seguinte: 
    


          <h1>Joinville I</h1>
  5. Abaixo do texto já digitado, crie outro cabeçalho para seções futuras da sua página Joinville I. Digite o seguinte: 
    


          <h2>Apresentação</h2>



          <h3>Localização</h3>



          <h3>História</h3>



          <h2>Eventos</h2>



          <h2>Distâncias Rodoviárias</h2>



          <h2>Atrações Turísticas</h2>



          <h2>Atrativos Naturais</h2>



          <h2>Serviços de Hotelaria e Diversão</h2>
  6. Salve as mudanças no seu editor.
  7. Retorne para seu browser, e recarrege o arquivo HTML.

    Note que, no computador que você está usando agora, é possível configurar o browser para definir fontes e/ou tamanho dos cabeçalhos. Por exemplo, em um computador pode estar definido ao browser que um cabeçalho h1 seja Times de 36 pontos; h2 como Helvetica de 24 pontos, etc. Códigos HTML designam apenas que os cabeçalhos são de determinado tipo (h1 até h6); como eles serão apresentado é controlado pelo usuário do browser.

 

Revisão

  1. Quais são os diferentes níveis de cabeçalho em HTML e os rótulos associados?
  2. Os headers sempre serão vistos da mesma maneira nos browsers?

 

Prática Independente

Adicione ao menos 3 cabeçalhos de diferentes níveis ao seu próprio documento WWW.

 

Página Inicial | Índice |