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
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!
