Demonstração

Vamos a uma demonstração prática da estrutura básica de uma página HTML. Uma página HTML é composta por várias tags que definem a estrutura e o conteúdo da página. Abaixo, você encontrará um exemplo simples de código HTML com explicações para cada parte da estrutura básica.

html

<!DOCTYPE html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8" />
    <title>Minha Primeira Página</title>
  </head>
  <body>
    <h1>Bem-vindo ao Mundo HTML!</h1>
    <p>
      Este é um parágrafo de exemplo para demonstrar a estrutura básica de uma
      página HTML.
    </p>
  </body>
</html>

<!DOCTYPE html>: Esta declaração define o documento como HTML5. É importante incluí-la no início do seu documento para garantir a correta interpretação do código pelos navegadores.
<html>: A tag <html> envolve todo o conteúdo da sua página e serve como a raiz do documento HTML.
<head>: Dentro da tag <head>, você pode incluir informações sobre o documento, como metadados, título da página, referências a folhas de estilo CSS externas, entre outros. O conteúdo dentro do <head> não é exibido diretamente na área de visualização do navegador.
- <title>: Define o título da sua página, que aparece na aba do navegador.
<body>: O <body> contém todo o conteúdo da página que é visível para o usuário, como textos, imagens, links, tabelas, listas e mais.
- <h1>: Representa um cabeçalho. Os cabeçalhos vão de <h1> a <h6>, sendo <h1> o mais importante e <h6> o menos importante.
- <p>: Define um parágrafo. É usado para agrupar texto em blocos, facilitando a leitura.

Este exemplo cobre a estrutura básica de uma página HTML. Naturalmente, há muito mais que você pode fazer com HTML, adicionando imagens, links, listas, tabelas, formulários e outros elementos para enriquecer suas páginas web. À medida que você se familiariza com mais tags e atributos, você poderá criar páginas cada vez mais complexas e interativas.

Demonstração ​

Demonstração