Publicação do Documento

Antes de começarmos a praticar, precisamos identificar cada tag da estrutura básica do HTML. Para isso, vamos analisar a estrutura que servirá de base para página que vamos desenvolver.

Clique nos números para descobrir o que as tags representam.

Doctype

Observe que a primeira linha de nossa estrutura HTML é a declaração do doctype.

Você lembra que o doctype informa o tipo de documento que o navegador está acessando?

<html>

A tag <html> envolve, praticamente, todo o conteúdo da página.

Assim como o doctype, a tag <html> também informa ao navegador que o conteúdo dentro dela é HTML.

<head>

A tag <head> é a tag cabeça ou o cabeçalho da nossa página. Nesse sentido, a tag <head> desempenha um papel fundamental.

Dentro dessa tag, inserimos as informações que o navegador vai ler, como títulos, descrições, palavras-chaves e outras.

<meta>

As tags meta ou metatags são tags que fornecem dados aos navegadores e aos motores de busca sobre o documento HTML em que estão inseridas. Tais tags não aparecem em sua tela, pois são informações específicas para os navegadores.

Você se lembra dos atributos? No caso apresentado, observe que a tag <meta> possui o atributo charset e o valor ‘utf-8’. O atributo charset informa ao navegador o tipo de codificação que deve ser usada.

Com isso, precisamos informar ao navegador o tipo de codificação de caracteres que ele deve usar. O modelo de codificação UTF-8 pode representar qualquer caráter universal padrão Unicode.

<title>

A tag <title>, dentro do head, é a tag que informa o título da página ao navegador.

Atualmente, a tag <title> é considerada umas das tags mais importantes.

Além de adicionar um título à aba no navegador, ela também auxilia os motores de busca a encontrarem o site no momento de uma pesquisa.

<body>

A tag body é o corpo da página. Desse modo, a tag <body> é responsável por expor o conteúdo para o usuário final.

Atenção!