A estrutura básica do HTML consiste em uma série de elementos que definem a estrutura e o conteúdo de uma página web. A seguir, segue um exemplo básico de código HTML:
html<!DOCTYPE
<!DOCTYPE html><html>
<head>
<title>Título da Página</title>
</head>
<body>
<header>
<h1>Minha Página Web</h1>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Sobre</a></li>
<li><a href="#">Contato</a></li>
</ul>
</nav>
<main>
<h2>Seja bem-vindo(a) à minha página web!</h2>
<p>Aqui você encontrará informações interessantes sobre diversos assuntos.</p>
</main>
<footer>
<p>© 2023 - Todos os direitos reservados.</p>
</footer>
</body>
</html>
Este código é composto pelos seguintes elementos:
<!DOCTYPE html>
: Declara o tipo de documento HTML.<html>
: Elemento raiz do documento HTML.<head>
: Cabeçalho da página, onde são incluídas informações importantes sobre a página, como o título, meta tags e referências a arquivos CSS e JavaScript.<title>
: Título da página, que aparece na aba do navegador.<body>
: Corpo da página, onde todo o conteúdo visível da página é adicionado.<header>
: Cabeçalho da página, que geralmente contém o título principal e outros elementos de navegação e branding.<nav>
: Elemento que define uma seção de navegação, geralmente contendo uma lista de links para outras páginas ou seções da página atual.<ul>
e<li>
: Elementos que definem uma lista não ordenada e seus itens, respectivamente.<a>
: Elemento âncora, que cria um link para outra página ou seção da página atual.<main>
: Elemento que define o conteúdo principal da página.<h2>
: Título de nível 2, que é usado para seções secundárias da página.<p>
: Parágrafo de texto.<footer>
: Rodapé da página, que geralmente contém informações sobre o autor da página, direitos autorais e links para outras páginas relacionadas.
Referência bibliográfica: Mozilla Developer Network. HTML - HyperText Markup Language. Disponível em: https://developer.mozilla.org/en-US/docs/Web/HTML. Acesso em 03 de abril de 2023.