Skip to main content

Estrutura básica de um documento HTML

Estrutura básica de um documento HTML

Um documento HTML é estruturado em elementos que são definidos por tags. As tags são cercadas por colchetes angulares, como <tag>, e a maioria delas possui uma tag de abertura e uma tag de fechamento correspondente, como <tag></tag>. Aqui está uma estrutura básica de um documento HTML:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Título da Página</title>
    <link rel="stylesheet" type="text/css" href="estilos.css">
</head>
<body>
    <h1>Meu!-- PrimeiroConteúdo Título</h1>da <p>EstePágina é um parágrafo de exemplo.</p-->
</body>
</html>


    Aqui estão as partes essenciais da estrutura:

    1. <!DOCTYPE html>: DefineEsta declaração define o tipo de documento como HTML5. Ela informa ao navegador que o documento segue os padrões HTML5, que é a versão domais HTMLrecente sendoda usadalinguagem.

      (HTML5, neste caso).

    2. <html>: OA elementotag raiz que<html> envolve todo o conteúdo da página. É o elemento raiz do documento HTML.

    3. <head>: ContéA seção <head> contém metadados e informações desobre metadados,a página, como o título, links para arquivos CSS, metatags, scripts e outras informações que não são diretamente exibidas na página.

      • **<meta charset="UTF-8">**: Esta meta tag define a codificação de caracteres da página como UTF-8, que é amplamente usado e suporta uma ampla variedade de caracteres, incluindo caracteres especiais e acentuados.

      • <title>Título da Página</title>: O título da página.

        • gina
      • <title>: Define o título da página,é exibido na guia do navegador.navegador e é importante para a identificação da página.

      • **<link rel="stylesheet" type="text/css" href="estilos.css">**: Este link estabelece uma conexão com um arquivo CSS externo chamado "estilos.css". Isso permite que você estilize a página de forma separada do HTML, seguindo o princípio da separação de conteúdo e apresentação.

    4. <body>: ContéA tag <body> contém o conteúdo visível da página, como texto, imagensimagens, links, vídeos e links.outros elementos que os visitantes verão ao acessar a página.

    5. Comentários HTML: Você pode incluir comentários no código HTML usando <h1>!-- para abrir um comentário e <p-->: Exemplospara fechá-lo. Comentários são úteis para documentar seu código e torná-lo mais compreensível para você e outros desenvolvedores.

    Esta estrutura fornece a base para qualquer página da web. Você pode adicionar e organizar o conteúdo dentro da seção <body> de tagsacordo com as necessidades específicas do seu projeto. À medida que representamvocê títulosavança no desenvolvimento web, aprenderá a adicionar elementos como parágrafos, cabeçalhos, imagens, links e parágrafos.muito

mais para criar páginas web ricas e interativas.


Back to top