Na aula anterior, você aprendeu o que é uma tag. Agora chegou a hora de entender algo muito importante: tag, elemento e atributo não são a mesma coisa.

Separar esses conceitos vai evitar confusões que acompanham muita gente por anos.

O que é uma tag?

Uma tag é um marcador que usamos para indicar ao navegador o tipo de conteúdo que estamos escrevendo.

Ela normalmente aparece entre os sinais de menor e maior: 

 <p> <h1> <img>

Existem dois tipos principais de tags:

  • Tags de abertura (sem a barra)
  • Tags de fechamento (com a barra)
 <p>  </p>

O que é um elemento HTML?

Um elemento HTML é o conjunto completo:

  • Tag de abertura
  • Conteúdo
  • Tag de fechamento

Veja um exemplo de elemento completo: 

 <p>Este é um parágrafo.</p>
Sempre que falamos em elemento, estamos falando da tag + conteúdo juntos.

Tags vazias (ou auto-fechadas)

Algumas tags não possuem conteúdo e, por isso, não têm fechamento. Elas são chamadas de tags vazias.

Exemplos comuns: 

 <br> <img> <input>
Tags vazias não envolvem conteúdo. Elas apenas executam uma função específica na página.

O que são atributos?

Os atributos servem para fornecer informações extras sobre um elemento. Eles ficam sempre dentro da tag de abertura.

Exemplo: 

 <img src="imagem.jpg" alt="Descrição da imagem">

Nesse exemplo:

  • src indica o caminho da imagem
  • alt descreve a imagem
Atributos seguem o padrão nome="valor".

Resumo visual dos conceitos

Um erro muito comum é chamar tudo de “tag”. Ser preciso nesses conceitos faz você evoluir mais rápido no HTML.

💾🧠 Resumo da aula para nunca mais esquecer

  • Tag é o marcador que indica o tipo de conteúdo
  • Elemento é a tag + o conteúdo
  • Algumas tags não possuem fechamento (tags vazias)
  • Atributos adicionam informações extras aos elementos

Na próxima aula, vamos aprender sobre títulos e parágrafos e entender como organizar o conteúdo de forma correta.

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?

Ultima Online

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

Tetris

O título Tetris detém o recorde de jogo mais adaptado de todos os tempos. No total foram mais de 60 plataformas diferentes que receberam alguma versão do quebra-cabeças criado por Alexey Pajitnov. Conheça mais sobre este incrível jogo clicando aqui.

Asteroids

O título Asteroids, do Atari, possui recorde de pontuação há 30 anos. Em 1982 um americano chamado Scott Safran atingiu a marca de 41.336.440. Atualmente ele faz parte de um minúsculo grupo de jogadores que conseguiram manter seus recordes por mais de 30 anos.

Civilization

A empresa Take-Two pagou à Infogrames mais de 22 milhões de dólares pelos direitos de Civilization, em novembro de 1994. Ainda sobre este título, Sid Meier, um dos seus fundadores, é o profissional da área dos games mais premiado em todo o mundo.

Senhas

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.