O que são atributos?

Atributos são informações extras colocadas na tag de abertura de um elemento HTML.

Eles ajudam a configurar o comportamento, a identificação ou o valor daquele elemento.

Exemplo:

Carregando...

Nesse caso, href é um atributo da tag <a>.

Como um atributo é escrito?

A estrutura mais comum é esta:

Carregando...

Então:

Carregando...

significa que o atributo href recebeu o valor "https://exemplo.com".

Exemplos comuns

Link com href

Carregando...

O href diz para onde o link aponta.

Imagem com src e alt

Carregando...

• src informa o caminho da imagem;
• alt descreve a imagem.

Campo de texto com placeholder

Carregando...

Note que nos dois últimos exemplos temos mais de um atributo no mesmo elemento.

Mais de um atributo na mesma tag

Isso é totalmente normal:

Carregando...

Nesse link:

• href define o destino;
• target="_blank" abre em outra aba;
• title adiciona uma dica de texto ao passar o mouse.

Um cuidado importante

Os atributos não ficam jogados em qualquer lugar do elemento. Eles devem aparecer dentro da tag de abertura.

Correto:

Carregando...

Errado:

Carregando...

Exemplo prático

Carregando...

Aqui a tag da imagem recebe informações suficientes para o navegador saber:

• qual arquivo carregar;
• o que mostrar como descrição;
• qual largura usar.