Escrever HTML não é só fazer a página aparecer. É fazer com que o código seja claro, organizado e fácil de manter.

Nesta aula, vamos ver hábitos simples que fazem uma enorme diferença.

Indentação correta

Indentação é o espaçamento que mostra a hierarquia do código. Ela não muda o funcionamento da página, mas muda tudo na leitura.

 
  <main> 
    <section> 
      <h2>Título</h2> 
      <p>Texto da seção.</p> 
    </section> 
  </main> 
Código bem indentado se explica sozinho.

Legibilidade acima de tudo

HTML é lido por pessoas antes de ser mantido por máquinas.

  • Quebre linhas longas
  • Separe blocos de conteúdo
  • Evite código “apertado”
Se você não entende o código depois de um tempo, outra pessoa entenderá ainda menos.

Use nomes claros e semânticos

Mesmo no HTML básico, clareza importa.

  • Prefira tags semânticas
  • Use textos de link descritivos
  • Evite comentários óbvios ou desnecessários
Código claro vale mais do que código “esperto”.

Evite excesso de <div>

A <div> é útil, mas não deve ser usada para tudo.

Se existe uma tag semântica adequada, ela deve ser usada no lugar da <div>.

HTML semântico facilita manutenção, acessibilidade e SEO.

Comentários com propósito

Comentários devem explicar o porquê, não o óbvio.

 
  <!-- Início da seção principal --> 
  <main> 
  ... 
  </main> 
Bons comentários ajudam quem lê depois — inclusive você.

HTML simples é HTML forte

HTML não precisa ser complexo para ser bom.

  • Menos código
  • Mais clareza
  • Mais organização
Complexidade desnecessária é inimiga da manutenção.

💾🧠 Resumo da aula para nunca mais esquecer

  • Indentação facilita leitura e manutenção
  • Legibilidade é mais importante que truques
  • Use HTML semântico sempre que possível
  • Código simples é mais profissional

Na próxima e última aula, vamos entender o papel do HTML no ecossistema moderno e fazer a ponte perfeita para o curso de CSS 🎨✨


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?

A primeira versão do clássico Mega Man, para Nintendo 8 bits, tem seu recorde de pontos estabelecido em 03/11/2006, por David Archey, que cravou 2.396.700 pontos, terminando o jogo.


Nos primeiros oito dias após o lançamento do console Nintendo Wii foram vendidas 600 mil unidades. Isso equivale a quase um por segundo e estes incríveis números são referentes às vendas apenas nos EUA!


As primeiras máquinas de fliperama do mundo a utilizarem moedas, chamadas de Galaxy Game, custavam mais de 20 mil dólares para serem produzidas. Saiba mais sobre elas aqui.


O jogo Final Fantasy X para o Sony Playstation 2 vendeu, apenas no dia do seu lançamento, 1.455.732 cópias, estabelecendo um recorde de vendagem para as primeiras 24 horas de um game. Méritos da SquareSoft, que desenvolveu um excelente produto!


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.