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 <! DOCTYPE html> declaração é o DOCTYPE para HTML5.

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:

<html>
<body>
<h1> Este um cabeçalho </h1>
<p> Este é um parágrafo. </p>
<p> Este é outro parágrafo. </p>
</body>
</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">

 

Total de comentários: 0
avatar