Todo documento HTML segue uma estrutura básica que informa ao navegador como interpretar e renderizar a página.
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Título da Página</title>
</head>
<body>
<!-- Conteúdo visível da página vai aqui -->
</body>
</html><!DOCTYPE html>: Declaração que define o tipo de documento como HTML5. É a primeira
linha do arquivo.<html>: A tag raiz que envolve todo o conteúdo da página. O atributo
lang define o idioma principal do documento.
<head>: Contém metadados sobre a página, como o título, codificação de caracteres e
links para folhas de estilo (CSS) e scripts (JS). O conteúdo aqui não é visível na página.<meta charset="UTF-8">: Define o conjunto de caracteres para UTF-8, que suporta a
maioria dos caracteres e símbolos, incluindo acentos.<meta name="viewport" ...>: Essencial para o design responsivo, instrui o navegador a
ajustar a largura da página à largura da tela do dispositivo.<title>: Define o título da página, que aparece na aba ou na barra de título do
navegador.<body>: Contém todo o conteúdo visível da página, como textos, imagens, links,
formulários, etc.