<!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 da página -->
</body>
</html>
Este é um modelo básico de uma estrutura HTML que inclui alguns elementos essenciais.
-
<!DOCTYPE html>
: Esta é uma declaração que define o tipo de documento e a versão do HTML que está sendo utilizada. Neste caso,html
é a versão mais recente e amplamente utilizada. -
<html lang="pt-BR">
: Inicia o documento HTML e define o idioma padrão como português do Brasil (pt-BR
). Isso é útil para mecanismos de busca e acessibilidade. -
<head>
: Esta é a seção que contém meta informações sobre o documento, como o conjunto de caracteres utilizado, a viewport para responsividade e o título da página.<meta charset="UTF-8">
: Define o conjunto de caracteres como UTF-8, que é capaz de representar uma ampla variedade de caracteres e é amplamente utilizado na web.<meta name="viewport" content="width=device-width, initial-scale=1.0">
: Configura a viewport para o tamanho do dispositivo, e oinitial-scale=1.0
define o nível inicial de zoom da página. Isso é fundamental para tornar o site responsivo em dispositivos móveis.<title>Título da Página</title>
: Define o título da página que será exibido na barra de título do navegador ou em outros contextos, como ao marcar a página como favorita.
-
<body>
: Esta é a seção onde o conteúdo visível da página é colocado. Neste caso, está vazia, mas normalmente é onde você colocaria seus textos, imagens, vídeos e outros elementos visuais.
Essa estrutura é a base para a construção de páginas web e fornece as informações necessárias para os navegadores interpretarem e renderizarem o conteúdo da página da maneira desejada.