Introdução ao HTML
<!DOCTYPE html> <html> <body> <h1>Meu primeiro título</h1> <p>Meu primeiro parágrafo.</p> </body> </html>
A explicação do exemplo
- A declaração DOCTYPE define o tipo de documento
- O texto entre <html> e </ html> descreve a página web
- O texto entre <body> e </ body> é o conteúdo da página visível
- O texto entre <h1> e </ h1> é exibida como um cabeçalho
- O texto entre <p> e </ p> é exibido como um parágrafo
O que é HTML?
HTML é uma linguagem para descrever páginas web.
- HTML significa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto
- HTML é uma língua de marcação
- Uma linguagem de marcação é um conjunto de tags de marcação
- As tags descrevem o conteúdo do documento
- Os documentos HTML contem tags e texto simples
- Os documentos HTML também são chamados de páginas web
Tags HTML
Tags de marcação HTML são geralmente chamados de tags HTML.
- HTML tags são etiquetas, ou palavras-chave cercado por menor que e marior que como <html>
- Tags HTML normalmente vêm em pares , como <p> e </p>
- A primeira tag em um par é a tag que abre, a segunda tag é a tag que fecha
- A tag que fecha é escrito como a marca de início, com uma barra antes do nome da tag
- Início e fim das tags também são chamados de tag de abertura e tag de fechamento
<tag>conteúdo</tag>
Elementos do HTML
Em HTML, a maioria dos elementos são escritos com uma marca de início (por exemplo <p>) e uma tag final (por exemplo, </ p>), com o conteúdo no meio:
<p>Este é parágrafo</p>
Navegadores
O propósito de um navegador (como o Google Chrome, Internet Explorer, Firefox, Safari) é ler documentos HTML e exibi-las como páginas da web.
O navegador não exibe as tags HTML, mas usa as tags para determinar como o conteúdo da página HTML deve ser apresentado / indicado para o usuário:
Estrutura do HTML
Abaixo você pode ver um exemplo de uma estrutura do HTML:
Versões do HTML
Desde o início da web, já houveram várias versões HTML:
| Versão | Ano |
|---|---|
| HTML | 1991 |
| HTML+ | 1993 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML | 2000 |
| HTML5 | 2012 |
A declaração <!DOCTYPE>
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">