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?

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.


O título Space Invaders, lançado em 1980, fez tanto sucesso em todo o mundo que as pessoas compravam o console Atari apenas para poderem jogá-lo em casa. Saiba mais sobre este incrível título clicando aqui.


O ENIAC, primeiro computador valvulado do mundo, possuía 17.000 válvulas, 500.000 pontos de solda, 30 toneladas de peso e ocupava uma área de 180 metros quadrados. Clique aqui e conheça mais sobre a história dos computadores.


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.


Excesso de barulho dentro do seu gabinete, principalmente logo que você o liga, pode ser sintoma de problemas nas ventoinhas, que podem precisar ser limpas ou trocadas. Entre em contato com um técnico de sua confiança e verifique isso o quanto antes.