Estrutura 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>
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
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 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
Estrutura 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>
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
Obrigado pelo seu feedback!