Introdução HTML

Com HTML você pode criar seu próprio site. Este tutorial ensina tudo sobre HTML. HTML é fácil de aprender – você vai se divertir. Este tutorial em HTML contém centenas de exemplos de HTML.

Exemplo explicado
A declaração <! DOCTYPE html> define este documento como HTML5
O elemento <html> é o elemento raiz de uma página HTML
O elemento <head> contém informações meta sobre o documento
O elemento <title> especifica um título para o documento
O elemento <body> contém o conteúdo da página visível
O elemento <h1> define um cabeçalho grande
O elemento <p> define um parágrafo

<hr>

Tags HTML

Tags HTML são nomes de elementos cercados por colchetes angulares:

O conteúdo <tagname> vai aqui ... </ tagname>

Navegadores da Web

O objetivo de um navegador da Web (Chrome, IE, Firefox, Safari) é ler documentos HTML e exibi-los. O navegador não exibe as tags HTML, mas as utiliza para determinar como exibir o documento:

Estrutura da Página HTML

Abaixo está uma visualização de uma estrutura de página HTML:

 

<html>

<head>

<title>Page title</title>

</head>

<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

</body>

</html>

Nota: Apenas o conteúdo dentro da seção <body> (a área branca acima) é exibido em um navegador.

A declaração <! DOCTYPE>

A declaração <! DOCTYPE> representa o tipo de documento e ajuda os navegadores a exibir páginas da web corretamente. Ele deve aparecer apenas uma vez, no topo da página (antes de qualquer tag HTML).

A declaração <! DOCTYPE> não faz distinção entre maiúsculas e minúsculas.  <! DOCTYPE> para HTML5 é:

 

Versões HTML

Desde os primeiros dias da web, tem havido muitas versões de HTML:

 

Versão Ano
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014