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?

PDP-1

O primeiro computador a conseguir rodar o jogo Spacewar era o PDP-1, que custava 120 mil dólares e pertencia ao Massachusetts Institute of Technology. O jogo demorou 200 horas para ser desenvolvido, em 1962, e seu criador foi um cientista da computação chamado Steve Russel.

Tetris

Desde o seu lançamento, em 1985, o fantástico jogo Tetris vende pelo menos 70 milhões de unidades por ano em todo o mundo! Os dados são oficiais e fornecidos pela THQ, uma das distribuidoras do título.

Cuidados com o notebook

Utilizar seu notebook em camas, sofás ou qualquer superfície macia pode obstruir as entradas e saídas de ar, elevando a temperatura e provocando danos a diversos componentes. Utilize-o sempre sobre uma superfície rígida. Saiba mais aqui.

Mario em Donkey Kong

O personagem Mario surgiu pela primeira vez no mundo dos games em um jogo chamado Donkey Kong, lançado em 1981. Mario, que naquela época se chamava Jumpman, não era o personagem principal do jogo, mas ele se tornaria um dos mais famosos personagens do mundo dos games. Saiba mais.

Duck Hunt

Ao completar o nível 99 do jogo Duck Hunt, para Nintendo, o jogo retorna ao primeiro nível, mas um bug impede que se acerte os patos neste recomeço. Este é um exemplo do que é chamado no mundo dos games de "Kill Screen".