Nesta aula, vamos aprender alguns recursos simples do HTML que ajudam muito no dia a dia: quebras de linha, comentários e formatação básica de texto.

Eles parecem pequenos, mas fazem toda a diferença na organização do código.

Quebra de linha com <br />

A tag <br /> serve para criar uma quebra de linha dentro de um texto.

Ela é uma tag vazia, ou seja, não possui fechamento.

 <p> Linha 1<br />
Linha 2<br />
Linha 3 </p>

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

Exemplo de página HTML
Não use <br /> para criar espaçamento visual entre blocos. Para isso, usamos parágrafos ou CSS.

Comentários no HTML

Comentários servem para anotar o código sem que o conteúdo apareça na página.

Eles são ignorados pelo navegador.

 <!-- Este é um comentário em HTML --> 

Comentários são úteis para:

  • Explicar partes do código
  • Organizar seções da página
  • Ajudar outras pessoas (ou você no futuro)

Formatação básica: significado importa

No HTML, a formatação de texto deve indicar significado, não apenas aparência.

Por isso, existem pares de tags que parecem iguais visualmente, mas têm propósitos diferentes.

<strong> vs <b>

Ambas deixam o texto em negrito visualmente, mas:

  • <strong> indica importância
  • <b> apenas deixa o texto visualmente mais forte
 
    <p> Este é um texto <strong>muito importante</strong>. </p> 
  

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

Exemplo de página HTML
Sempre que o texto for importante, prefira <strong>.

<em> vs <i>

O mesmo vale para o itálico:

  • <em> indica ênfase
  • <i> apenas muda o estilo visual
 <p> Eu <em>realmente</em> gostei desse curso. </p> 

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

Exemplo de página HTML
HTML se preocupa com significado. A aparência final será controlada pelo CSS.

Resumo visual

💾🧠 Resumo da aula para nunca mais esquecer

  • <br> cria quebras de linha dentro de um texto
  • Comentários HTML não aparecem na página
  • <strong> indica importância, não só negrito
  • <em> indica ênfase, não só itálico

Na próxima aula, vamos aprender sobre listas no HTML e quando usar cada tipo corretamente.


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?

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.


O mouse foi criado em 9 de dezembro de 1968, por um americano chamado Douglas Engelbart, que o batizou de "XY Position Indicator for a Display System". Conheça a história do mouse clicando aqui.


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.


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


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.