A web é uma grande rede de páginas conectadas. Essas conexões acontecem por meio dos links.

No HTML, links permitem navegar entre páginas, sites e até partes da mesma página.

A tag <a>

Para criar um link no HTML, usamos a tag <a>, que vem da palavra anchor (âncora).

 <a>Clique aqui</a> 

Sozinha, essa tag não faz nada. Ela precisa de um atributo muito importante.

O atributo href

O atributo href indica para onde o link aponta.

 <a href="https://www.contembits.com.br"> Acessar o Contém Bits </a> 

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

Exemplo de página HTML
Sem href, o link não leva a lugar nenhum.

Links externos

Links externos apontam para outros sites.

 <a href="https://www.google.com">Google</a> 

É comum abrir links externos em uma nova aba e para isso usamos o complemento target="_blank":

 <a href="https://www.google.com" target="_blank"> Google </a> 
Abrir em nova aba é uma decisão de experiência do usuário, não uma regra obrigatória.

Links internos

Links internos levam para outras páginas do mesmo site.

 <a href="sobre.html">Sobre nós</a> 

O link acima abriria o arquivo "sobre.html" e não um novo endereço presente na internet. Esse tipo de link é muito usado em menus e navegação principal.

Links para partes da mesma página

Também é possível criar links que levam para um ponto específico da página. Eles são muito úteis quando se trabalha com textos extensos, como por exemplo uma tabela de conteúdos ou o famoso Botão "Voltar ao Topo".

Primeiro, definimos um id:

 <h2 id="contato">Contato</h2> 

Depois, criamos o link:

 <a href="#contato">Ir para contato</a> 
Esse tipo de link é muito usado em páginas longas e sumários.

Boas práticas ao criar links

  • Use textos claros (evite “clique aqui”)
  • Indique o destino do link
  • Não exagere em links na mesma área
  • Pense na experiência do usuário
Um bom link ajuda o usuário a navegar. Um link ruim confunde.

💾🧠 Resumo da aula para nunca mais esquecer

  • Links conectam páginas e sites na web
  • A tag <a> cria links
  • O atributo href define o destino
  • Existem links externos, internos e âncoras

Na próxima aula, vamos aprender sobre imagens no HTML e como usá-las com acessibilidade.


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 empresa Universal City Studios, detentora dos direitos autorais do King Kong, processou a Nintendo logo após o lançamento de Donkey Kong, pois segundo ela, o game violava os seus direitos. Ela venceu o processo e recebeu da Nintendo uma indenização de quase 2 milhões de dólares.


A Máquina de Pascal, criada em 1642 pelo filósofo, físico e matemático francês Blaise Pascal, é reconhecida como o primeiro computador do mundo e ele foi criado com o objetivo de calcular impostos. Saiba mais.


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.


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.


O personagem Mario só possui bigode porque quando ele foi criado, em 1981, a resolução de tela dos equipamentos disponíveis não permitia que fosse desenhada uma boca, então os desenvolvedores fizeram o grande bigode para contornar essa limitação tecnológica.