Atributos

Atributos dão informações especiais para elementos do HTML.

O que são atributos?

Como dito, os atributos servem unicamente para adicionar informações sobre o elemento HTML que você está editando.

Praticamente todos os elementos HTML possuem atributos que você pode controlar. Normalmente, funciona como nome e valor, por exemplo: nome=”valor”.

Atributo Href

Os links em HTML são definidos através da marcação <a>. Para definir para qual página você encaminhará o seu usuário, você precisará utilizar o atributo href.

Veja o exemplo abaixo.

<a href="https://portaldesenvolvedor.com/">Este é o texto de um link</a>

Atributo Src

A marcação <img> também possui atributos. Um deles (e o principal) é a definição de onde está a imagem para ser carregada e exibida para o usuário. Veja o exemplo abaixo.

 

<img src="img_girl.jpg">

Atributos width e height

Os atributos width e height podem ser usados na tag <img>. Eles especificam as dimensões, como a altura e largura de uma imagem. Por default, os valores estão sempre em pixels.

<img src="imagem.jpg" width="700" height="900">

Atributo Alt

O atributo Alt especifica um texto alternativo para a imagem, caso a imagem por alguma questão técnica não possa ser exibida.

O valor será visto apenas para os leitores na condição da imagem não puder ser exibida. Veja o exemplo abaixo.

 

<img src="autor.jpg" alt="Autor do Livro">