Imagens são parte essencial da web, mas usá-las corretamente vai muito além de “colocar uma foto na página”.

Nesta aula, você vai aprender como inserir imagens no HTML de forma correta, acessível e organizada.

A tag <img>

Para inserir uma imagem em uma página HTML, usamos a tag <img>.

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

 <img>

O atributo src

O atributo src indica o caminho da imagem. 

 <img src="/assets/imagens/cursos-html/exemplo.jpg">

Sem o src, o navegador não sabe qual imagem carregar. Note que o atributo src nada mais é do que o caminho onde está o arquivo de imagem que deve ser carregado na página.

O atributo alt (muito importante!)

O atributo alt fornece uma descrição textual da imagem.

Ele é essencial para:

  • Leitores de tela
  • Acessibilidade
  • Casos em que a imagem não carrega
 <img src="/assets/img/cursos/html/exemplo.jpg" alt="Exemplo de imagem usada no curso de HTML" >
Nunca deixe o atributo alt vazio sem motivo.

Caminhos relativos e absolutos

No HTML, o caminho da imagem pode ser:

  • Relativo — depende da localização do arquivo
  • Absoluto web — começa a partir da raiz do site

Exemplo de caminho absoluto web: 

 <img src="/imagens/natureza/paisagem.png" alt="Paisagem mostrando a natureza em montanhas">
Caminhos absolutos web evitam erros quando a página muda de pasta.

Imagem não é decoração aleatória

No HTML, imagens fazem parte do conteúdo. Elas devem ter um propósito claro.

Não use imagens apenas para “enfeitar”. Use imagens para informar, ilustrar ou complementar o conteúdo.

Exemplo completo no padrão do curso gerada pela tag

<img src="/imagens/cursos/html/imagem-exemplo.jpg" alt="Exemplo ilustrativo de imagem em uma aula de HTML">

Exemplo ilustrativo de imagem em uma aula de HTML

💾🧠 Resumo da aula para nunca mais esquecer

  • A tag <img> é usada para inserir imagens
  • O atributo src define o caminho da imagem
  • O atributo alt é essencial para acessibilidade
  • Prefira caminhos absolutos web para evitar erros

Na próxima aula, vamos aprender sobre tabelas no HTML — e quando elas devem (ou não) ser usadas.

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?

Street Fighter 2

Street Fighter 2, lançado para o Super Nintendo no início dos anos 90, foi o principal responsável pelo aumento nas vendas deste console. Graças ao sucesso do título nos Arcades e à perfeita adaptação ao console, muitos consumidores adquiriram o SNES para jogarem o título em casa. Saiba mais.

Tomb Raider - O Filme

Considerando todas as adaptações de jogos de videogame para o cinema, a mais bem sucedida foi Lara Croft: Tomb Raider, lançado em 2001 e que faturou 274 milhões de dólares. Ele foi dirigido por Simon West e estrelado pela bela Angelina Jolie.

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.

PC com barulho?

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.

PDP-1

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.