Toda página web começa do mesmo jeito: com uma estrutura básica. Antes de aprender qualquer tag nova, você precisa entender esse “esqueleto”.

Sem essa estrutura, o navegador até tenta adivinhar… mas o resultado nunca é confiável.

O que é a estrutura de um documento HTML?

A estrutura HTML é o conjunto mínimo de elementos que diz ao navegador:

  • Que tipo de documento ele está lendo
  • Onde começa e termina a página
  • Onde ficam os dados invisíveis
  • Onde fica o conteúdo visível

Toda página HTML correta segue esse mesmo padrão.

O <!DOCTYPE html>

A primeira linha de um documento HTML moderno é esta: 

 <!DOCTYPE html>

Ela não é uma tag HTML comum.

O DOCTYPE informa ao navegador que o documento segue o padrão HTML5, que é a mais atual versão da linguagem que possuímos.

Sem ele, o navegador pode entrar em um modo de compatibilidade antigo, causando erros estranhos.

No HTML, uma tag é um marcador usado para indicar ao navegador qual é o papel de um conteúdo. Ela normalmente aparece entre sinais de menor e maior (< >) e serve para dizer se algo é um título, um parágrafo, uma imagem, um link ou outro tipo de elemento. Em resumo, as tags são a linguagem que usamos para explicar a estrutura da página ao navegador.

A tag <html>

Logo após o DOCTYPE, começa a página de verdade: 

 <html> </html>

Tudo o que pertence à página deve ficar dentro dessa tag. Ela representa o documento HTML como um todo.

A tag <head>

Dentro do <html>, a primeira grande área é o <head>: 

 <head> </head>

O <head> contém informações invisíveis para o usuário, como:

  • Título da página
  • Configuração de caracteres
  • Links para CSS
  • Informações para navegadores e buscadores
Nada que aparece visualmente na página deve ficar dentro do <head>.

A tag <body>

Depois do <head>, vem a parte mais importante: 

 <body> </body>

Tudo que o usuário vê na tela fica dentro do <body>.

  • Textos
  • Imagens
  • Links
  • Botões
  • Formulários

Estrutura completa de uma página HTML

Agora, juntando tudo: 


  <!DOCTYPE html> 
    <html>
      <head>
        <title>Minha primeira página</title>
      </head>
      <body>
        <h1>Olá, mundo!</h1>
        <p>Essa é minha primeira página HTML.</p>
      </body>
    </html>

O código acima resultará na seguinte página sendo criada:

Exemplo de página HTML

Essa é a base de todas as páginas web modernas.

💾🧠 Resumo da aula para nunca mais esquecer

  • Toda página HTML começa com <!DOCTYPE html>
  • A tag <html> envolve todo o documento
  • O <head> guarda informações invisíveis
  • O <body> contém tudo que aparece na tela

HARDWARE

Entendendo o seu computador

O que há dentro do meu computador?

Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.

  • Gabinetes

  • Placas-Mãe

  • Processadores

  • Memória

  • Fontes

  • Drives Ópticos

  • Discos Rígidos

  • SSD

  • Placas de Som

  • Placas de Vídeo

Você Sabia?

Ultima Online

Criar um jogo é muito mais complexo do que parece. São milhares, às vezes, milhões de linhas de código. Isso não é exagero! Apenas o jogo Ultima Online possui 6.006.313 linhas de programação, totalizando 25.103.295 palavras

Tetris

O título Tetris detém o recorde de jogo mais adaptado de todos os tempos. No total foram mais de 60 plataformas diferentes que receberam alguma versão do quebra-cabeças criado por Alexey Pajitnov. Conheça mais sobre este incrível jogo clicando aqui.

Asteroids

O título Asteroids, do Atari, possui recorde de pontuação há 30 anos. Em 1982 um americano chamado Scott Safran atingiu a marca de 41.336.440. Atualmente ele faz parte de um minúsculo grupo de jogadores que conseguiram manter seus recordes por mais de 30 anos.

Civilization

A empresa Take-Two pagou à Infogrames mais de 22 milhões de dólares pelos direitos de Civilization, em novembro de 1994. Ainda sobre este título, Sid Meier, um dos seus fundadores, é o profissional da área dos games mais premiado em todo o mundo.

Senhas

Digitar senhas em computadores de uso coletivo é extremamente perigoso, pois além de softwares de monitoramento, existem dispositivos de hardware que podem capturar suas senhas. Evite ao máximo acessar sites de bancos a partir destes computadores. Veja mais aqui.