Olá, Vander.
Como vai? :D
O atributo fornece informações adicionais sobre as tags. Se uma tag tiver um atributo ele precisa ser especificado, como é o caso da tag <img>
. O atributo aparece junto com a declaração da tag no arquivo .html.
Exemplo:
<img src="imagem.png" alt="Eu sou uma imagem">
No caso acima, os atributos são: src e alt, ou seja, são informações adicionais da tag img
.
Propriedade refere-se ao que está sendo modificado em uma tag. Pode ser o tamanho da fonte, a cor, espaçamento, entre outas coisas.
Exemplo utilizando CSS Inline
<h1 style="color: red; text-align: center">Eu sou um título</h1>
No caso acima, as propriedades são: color e text-align, pois elas estão modificando o elemento <h1>
.
Podemos perceber que as propriedades (color e text-align) estão atrelada a um atributo, nesse caso o style.
Espero ter ajudado.
Abraços!