Curso Fundamentos de HTML: Construindo a Web
Sobre a Aula

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:

  1. 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>.
  2. 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.
  3. 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

Livro - e-book de HTML para iniciante

Entrar na conversa
Rolar para cima