Estrutura básica de um documento HTML
Todo documento HTML segue uma estrutura básica para garantir a correta interpretação pelos navegadores. Ao criar uma página da web em HTML, é importante compreender essa estrutura para garantir a consistência e a compatibilidade entre diferentes navegadores.
A estrutura básica de um documento HTML compõe-se pelas seguintes partes:
- Tag <html>: Essa é a tag raiz de um documento HTML. Dessa forma, ela envolve todo o conteúdo da página e indica que o documento escrito deve ser em HTML. Todo documento HTML deve começar com a tag <html> e terminar com a tag </html>.
- Tag <head>: A tag <head> contém informações sobre o documento HTML, como o título da página, referências a arquivos CSS ou JavaScript externos, metadados e outros elementos que não são exibidos diretamente na página. É dentro da tag <head> que você insere a tag <title>, que define o título da página exibido na barra de título do navegador.
- Tag <body>: A tag <body> contém o conteúdo visível da página. É dentro da tag <body> que você insere todos os elementos que exibirão na página, como textos, imagens, links, tabelas, formulários e outros elementos HTML. Todo o conteúdo que você deseja que seja visualizado pelo usuário deve ser colocado entre as tags <body> e </body>.
Aqui está um exemplo de uma estrutura básica de um documento HTML:
<!DOCTYPE html> <html> <head> <title>Título da Página</title> </head> <body> <h1>Meu Primeiro Título</h1> <p>Olá, mundo!</p> </body> </html>
Neste exemplo, a estrutura básica do documento HTML está presente. A tag <html> envolve todo o conteúdo, a tag <head> contém o título da página e a tag <body> contém o conteúdo visível, que inclui um título de nível 1 (<h1>) e um parágrafo (<p>).
É importante observar que as tags HTML aninha-se umas nas outras. A ordem correta e o fechamento adequado das tags são essenciais para garantir a validade do código HTML.
Quer mais informações sobre o assunto? clique em sabia mais