Tags HTML Básicas

As tags mais importantes na HTML são as tags que definem títulos, parágrafos e quebras de linha.

A melhor maneira de aprender HTML é trabalhar com exemplos.

Tente você mesmo - Exemplos

Um documento HTML muito simples
Este exemplo é um documento HTML muito simples, com somente um mínimo de tags HTML ELe demonstra como o texto inserido em um elemento body é exibido no navegador. 

Parágrafos simples
Este exemplo demonstra como o texto dentro de um elemento de parágrafo é exibido no navegador.

(Você encontrará mais exemplos no final desta página)

Títulos

Títulos são definidos com as tags <h1> a <h6>. A <h1> define o título maior. A <h6> define o título menor.

<h1>Este é um título</h1>
<h2>Este é um título</h2>
<h3>Este é um título</h3>
<h4>Este é um título</h4>
<h5>Este é um título</h5>
<h6>Este é um título</h6>

A HTML automaticamente adiciona uma linha em branco extra antes e após um titulo..

Parágrafos

Os parágrafos são definidos com a tag<p>.

<p>Este é um parágrafo</p>
<p>Este é outro parágrafo</p>

A HTML adiciona automaticamente uma linha em branco extra antes e após um parágrafo.

Quebras de linha

A tag <br> é usada quando você quer terminar uma linha, mas não quer começar um novo parágrafo. A tag <br> força a quebra de linha onde quer que você a coloque.

<p>Este <br> é um pará<br>grafo com quebras de linha</p>

A tag <br> é uma tag vazia. Ela não tem tag de fechamento.

Comentários em HTML

A tag de comentário é usada para inserir um comentário no código fonte HTML. Um comentário será ignorado pelo navegador. Você pode usar comentários para explicar o seu código, o que pode ajuda-lo quando você editar o código fonte numa data posterior.

<!-- Este é um comentário -->

Observe que você necessita de um ponto de exclamação após a chave de abertura, mas não antes da chave de fechamento.

Observações Básicas - Dicas Úteis

Quando você escreve texto HTML, você nunca pode estar seguro de como o texto será mostrado em outro navegador. Algumas pessoas têm telas de monitor grandes, algumas têm pequenas. O texto será reformatado cada vez que o usuário redimensionar sua janela. Nunca tente formatar o texto em seu editor adicionando linhas e espaços ao texto.

A HTML irá truncar os espaços em seu texto. Qualquer quantidade de espaços conta como um. Algumas informações extras: Em HTML uma nova linha conta como um espaço. 

Usar parágrafos vazios <p> para inserir linhas em branco é um mau hábito. Em vez disso use a tag <br>. (Mas não use a tag <br> para criar listas. Espere até que você tenha aprendido sobre listas HTML.)

Você pode ter notado que parágrafos podem ser escritos sem a tag de fechamento </p>. Não confie nisso. A próxima versão da HTML não irá permitir que você omita QUALQUER tag de fechamento.

A HTML adiciona automaticamente uma linha em branco extra antes e após alguns elementos, como antes e após um parágrafo, e antes e após um título.

Nós usamos um filete horizontal (a tag <hr>), para separar as seções em nossos tutoriais.

Mais exemplos

Mais parágrafos
Este exemplo demonstra alguns dos comportamentos padrões dos elementos de parágrafo.

Quebras de linha
Este exemplo demonstra o uso de quebras de linha em um documento HTML.

Problemas com poemas
Este exemplo demonstra alguns problemas com formatação HTML.

Títulos
Este exemplo demonstra as tags que exibem títulos em um documento HTML.

Título alinhado no centro
Este exemplo demonstra um título alinhado no centro.

Filete horizontal
Este exemplo demonstra como inserir um filete horizontal.

Comentários ocultos
Este exemplo demonstra como inserir um comentário oculto no código fonte HTML.

Cor de fundo
Este exemplo demonstra como adicionar uma cor de fundo numa página HTML.

Tags HTML Básicas