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.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</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>
</head>
<body>
</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 |