Atributos dão informações especiais para elementos do HTML.
Conteúdo
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">