Estrutura do Documento HTML Explicada
Um documento HTML segue uma estrutura consistente composta por alguns elementos principais.
Tag <html>
O elemento raiz de toda página. Todo o conteúdo deve estar entre as tags de abertura <html> e fechamento </html>.
<html>
<!-- Other elements go here -->
</html>
Tag <head>
Contém informações sobre a página, não visíveis ao usuário. Inclui o título, metadados e links para folhas de estilo ou scripts.
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
Itens comuns em <head>:
<title>: texto exibido na aba do navegador;<meta charset="UTF-8">: define a codificação de texto;<meta name="description">: breve descrição da página;<meta name="viewport">: necessário para design responsivo.
Tag <body>
Contém tudo o que é visível na página: texto, imagens, links, formulários, etc.
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
Declaração do tipo de documento
Informa ao navegador para utilizar o padrão HTML5 ao renderizar a página.
<!DOCTYPE html>
Exemplo de Estrutura Completa
Para finalizar, todos os elementos apresentados são reunidos em um único documento HTML.
<!DOCTYPE html>
<html>
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
</html>
Abaixo, é possível visualizar como o documento HTML aparece no navegador web.
1. Qual tag é o elemento raiz de um documento HTML?
2. O que a tag <head> contém?
3. O que a tag <title> define?
4. Qual é a finalidade da tag <body>?
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Can you explain more about the purpose of each HTML tag?
How do I use the Inspect tool in my browser?
What are some common mistakes to avoid when creating an HTML document?
Awesome!
Completion rate improved to 2.86Estrutura do Documento HTML Explicada
Deslize para mostrar o menu
Um documento HTML segue uma estrutura consistente composta por alguns elementos principais.
Tag <html>
O elemento raiz de toda página. Todo o conteúdo deve estar entre as tags de abertura <html> e fechamento </html>.
<html>
<!-- Other elements go here -->
</html>
Tag <head>
Contém informações sobre a página, não visíveis ao usuário. Inclui o título, metadados e links para folhas de estilo ou scripts.
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
Itens comuns em <head>:
<title>: texto exibido na aba do navegador;<meta charset="UTF-8">: define a codificação de texto;<meta name="description">: breve descrição da página;<meta name="viewport">: necessário para design responsivo.
Tag <body>
Contém tudo o que é visível na página: texto, imagens, links, formulários, etc.
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
Declaração do tipo de documento
Informa ao navegador para utilizar o padrão HTML5 ao renderizar a página.
<!DOCTYPE html>
Exemplo de Estrutura Completa
Para finalizar, todos os elementos apresentados são reunidos em um único documento HTML.
<!DOCTYPE html>
<html>
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
</html>
Abaixo, é possível visualizar como o documento HTML aparece no navegador web.
1. Qual tag é o elemento raiz de um documento HTML?
2. O que a tag <head> contém?
3. O que a tag <title> define?
4. Qual é a finalidade da tag <body>?
Obrigado pelo seu feedback!
