> For the complete documentation index, see [llms.txt](https://uclsanca.gitbook.io/learn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://uclsanca.gitbook.io/learn/web-basico/html/atributos.md).

# Atributos

Atributos em HTML são utilizados para promover informações adicionais à tag. Eles sempre são utilizados \_\*\*\_na tag de início, como mostra o exemplo abaixo.

![](https://552011742-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEJ_IxNzk9of-u9NQeq%2F-MKvcTIrMqprqnskxbqs%2F-MKvfAUs76cQsnrjrM31%2Fimage.png?alt=media\&token=059df172-e65b-4df6-bedb-a107d10cef69)

Os atributos estão no seguinte formato: **nome="valor"**. O valor deve **sempre** estar entre aspas, mesmo que não seja uma string. Por exemplo,

```markup
<img src="img_girl.jpg">
```

O atributo "src" diz onde está a imagem no computador para que a tag "img" mostre na página.

## Atributos mais usados

**id** - É utilizado para dar um "id" (uma identidade) a tag. Esse atributo é útil para referenciar uma tag no CSS.

**class** - É utilizado para dar uma classe a tag. Esse atributo é útil para referenciar um grupo de tags no CSS.

**name** - É utilizado para dar nome a uma tag. Esse atributo é útil para referenciar uma tag no JavaScript.

**src** - É utilizado para indicar o URL do arquivo de mídia.

**href** - É utilizado para indicar o URL da página para a qual o link vai.

{% hint style="info" %}
Você pode ver uma lista completa de atributos e mais informações em: <https://www.w3schools.com/tags/ref_attributes.asp>
{% endhint %}