Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Estrutura Básica de um Documento HTML | Compreendendo a Web e o HTML
Fundamentos de HTML

bookEstrutura Básica de um Documento HTML

Um documento HTML típico se apresenta assim:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Title of the Document</title>
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>
Note
Nota

Não se preocupe, você irá explorar cada aspecto em detalhes nos próximos capítulos. Por enquanto, observe e familiarize-se com a aparência visual do HTML.

Resumo da estrutura

  • <!DOCTYPE html>: informa ao navegador qual versão do HTML o documento está utilizando. Neste caso, é o HTML5, a versão mais recente do HTML;
  • <html>: é o elemento raiz do documento HTML. Todos os outros elementos estão contidos dentro deste elemento;
  • <head>: contém metainformações sobre o documento, como a codificação de caracteres (<meta charset="UTF-8">), que garante a exibição correta de caracteres especiais, e o título do documento (<title>), que aparece na barra de título ou na aba do navegador;
  • <title>: define o título do documento, exibido na barra de título ou na aba do navegador;
  • <body>: local onde o conteúdo principal da página web é inserido. Textos, imagens, links, formulários e outros elementos devem ser colocados dentro do elemento <body>. É isso que os usuários verão e com o que irão interagir ao acessar sua página web.

Link para editor de código - Visual Studio Code

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 5

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

Can you explain what each part of the HTML structure does?

What are the benefits of using Visual Studio Code for web development?

How do I use the Live Server extension to preview my website?

Awesome!

Completion rate improved to 2.86

bookEstrutura Básica de um Documento HTML

Deslize para mostrar o menu

Um documento HTML típico se apresenta assim:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Title of the Document</title>
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>
Note
Nota

Não se preocupe, você irá explorar cada aspecto em detalhes nos próximos capítulos. Por enquanto, observe e familiarize-se com a aparência visual do HTML.

Resumo da estrutura

  • <!DOCTYPE html>: informa ao navegador qual versão do HTML o documento está utilizando. Neste caso, é o HTML5, a versão mais recente do HTML;
  • <html>: é o elemento raiz do documento HTML. Todos os outros elementos estão contidos dentro deste elemento;
  • <head>: contém metainformações sobre o documento, como a codificação de caracteres (<meta charset="UTF-8">), que garante a exibição correta de caracteres especiais, e o título do documento (<title>), que aparece na barra de título ou na aba do navegador;
  • <title>: define o título do documento, exibido na barra de título ou na aba do navegador;
  • <body>: local onde o conteúdo principal da página web é inserido. Textos, imagens, links, formulários e outros elementos devem ser colocados dentro do elemento <body>. É isso que os usuários verão e com o que irão interagir ao acessar sua página web.

Link para editor de código - Visual Studio Code

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 5
some-alt