Ike,
atributos provém informações adicionais sobre elementos do HTML. Todos os elementos do HTML podem ter atributos. Se houver um atributo, este deverá ser especificado na tag inicial. Atributos normalmente vem em pares nome/valor.
Tag a, atributo href
<a href="https://www.alura.com.br">Visite a Alura!</a>
Tag img, atributo src
<img src="fundo.jpg">
ou tag p, atributo style (e as propriedades do atributo style: text-align e color)
<p style="text-align:right; color:green;" >Este é um parágrafo verde alinhado à direita</p>
style pode ser um atributo, como acima.
Desta forma, contém valores de configuração de estilo CSS Inline, definindo estilo somente ao conteúdo desta tag HTML.
Note que aqui aparecem duas propriedades (que são sempre) atreladas ao atributo style: text-align: e color:, e os valores destas propriedades: right e green.
ou <style>
pode também ser uma tag (elemento HTML) que delimita estilo CSS Internamente, afetando o arquivo html onde está escrito. Deve estar na seção head do código.
<html>
<head>
<style>
p {
color: blue;
text-indent: 10px;
text-transform: uppercase;
}
</style>
</head>
<body>
<h1 style="text-align:center; color:blue;">Título estilizado por css inline</h1>
<p>Texto estilizado pelo css interno</p>
</body>
Só como complemento à sua pergunta, a estilização também pode ser do tipo CSS Externo, onde há um arquivo em que se definem estilizações, que podem afetar mais de uma página. Neste caso, é necessário indicar nas páginas html quais arquivos .css externos devem ser utilizados:
<head>
<link rel="stylesheet" href="styles.css">
</head>
Espero que tenha sido claro.
Bons estudos.
