Títulos HTML

Os títulos são importantes em documentos HTML.

Títulos HTML

Os títulos (Heading) são definidos pelas tags <h1> - <h6>.

<h1> Define o maior título. <h6> Define o menor título.

Exemplo

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Experimente você mesmo

Comentário:Os navegadores adicionam automaticamente uma linha em branco antes e depois dos títulos.

Comentário:Por padrão, o HTML adiciona automaticamente uma linha extra antes e depois dos elementos de bloco, como parágrafos e elementos de título.

Os títulos são importantes

Certifique-se de usar as tags de cabeçalho HTML apenas para títulos. Não use cabeçalhos apenas para criar texto em negrito ou em tamanho grande.

Os motores de busca usam os títulos para criar índices da estrutura e conteúdo das suas páginas.

Os usuários podem navegar rapidamente pelo seu site através dos títulos, então é importante usar títulos para apresentar a estrutura do documento.

Deve-se usar o h1 como título principal (o mais importante), seguido do h2 (o menos importante), e assim por diante.

Linha horizontal HTML

A tag <hr> cria uma linha horizontal em uma página HTML.

O elemento <hr> pode ser usado para separar conteúdo.

Exemplo

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

Experimente você mesmo

Dica:Usar uma linha horizontal (<hr> tag) para separar seções do artigo é uma maneira (mas não a única maneira).

Comentário HTML

Você pode inserir comentários no código HTML, o que pode melhorar a legibilidade e tornar o código mais fácil de entender. Os navegadores ignorarão os comentários e não os exibirão.

Os comentários são escritos assim:

Exemplo

<!-- This is a comment -->

Experimente você mesmo

Comentário:O caractere de interrogação após o parêntese de início (o parêntese à esquerda) deve ser seguido imediatamente por um exclamativo, e não é necessário antes do parêntese de fim (o parêntese à direita).

Dica:O uso razoável de comentários pode ajudar no trabalho de edição de código futuro.

Dicas HTML - Como ver o código-fonte

Você certamente já se surpreendeu ao ver uma página da web e pensar 'UOW! Como isso foi feito?'

Se você quiser descobrir os segredos, basta clicar com o botão direito e escolher 'Visualizar código-fonte' (IE) ou 'Visualizar código-fonte da página' (Firefox), os métodos de outros navegadores são semelhantes. Isso abrirá uma janela contendo o código HTML da página.

Exemplos da página

Títulos
Como exibir títulos no documento HTML.
Comentários ocultos
Como inserir comentários no código-fonte HTML.
Linha horizontal
Como inserir linha horizontal.

Manual de referência de etiquetas HTML

O manual de referência de etiquetas do CodeW3C.com oferece mais informações sobre esses títulos e seus atributos.

Você aprenderá mais sobre etiquetas e atributos do HTML nos capítulos seguintes deste tutorial.

Etiquetas Descrição
<html> Definir documento HTML
<body> Definir o corpo do documento.
<h1> até <h6> Definir títulos HTML
<hr> Definir linha horizontal.
<!--...--> Definir comentários.