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?

Space Invaders

A partida mais longa do clássico Space Invaders durou incríveis 38 horas e 32 minutos e esta façanha foi conseguida por um jogador de apenas 12 anos! O jogo, claro, podia ser pausado para alimentação e descanso, mas ainda assim o recorde, estabelecido no dia 02/09/1980, ainda não foi quebrado. Saiba mais.

Final Fantasy

O famoso título Final Fantasy, da Square Enix, tem este nome exatamente porque se tratava da última esperança da empresa, que estava à beira da falência quando o lançou. Clique aqui e conheça detalhes dessa história.

Muitos aplicativos

Instalar vários aplicativos com o mesmo propósito, como editores de texto, reprodutores de músicas ou vídeos e até programas antívirus sobrecarregam o seu sistema operacional e ainda ocupam espaço desnecessário em seu HD. Tenha apenas um bom programa para cada função.

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.

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.