Dando nome aos elementos

Atributos são informações extras numa tag, sempre na abertura, no formato nome="valor". Você já usou href, src, alt.

Dois atributos especiais servem para identificar elementos (para o CSS e o JS acharem depois):

• class — um rótulo que pode se repetir em vários elementos
• id — um nome único, de um só elemento na página

<p class="preco">R$ 25</p>
<p class="preco">R$ 40</p>
<div id="carrinho">...</div>

🧠 Modelo mental: class é como a camiseta de um time (muitas pessoas usam a mesma); id é como o CPF (só uma pessoa tem).

Regra prática: no dia a dia, use class quase sempre. Reserve id para coisas realmente únicas.