Atributos HTML Todos os elementos HTML podem ter atributos Atributos fornecem informações adicionais sobre um elemento Atributos são sempre especificados na tag de início Atributos geralmente vêm em pares nome / valor como: name = “value”
O atributo href Links HTML são definidos com a tag <a>. O endereço do link é especificado no atributo href:
Exemplo
<a href="https://www.w3schools.com">This is a link</a>
O atributo src
Imagens HTML são definidas com a tag .
O nome do arquivo da origem da imagem é especificado no atributo src:
Exemplo
<img src="img_girl.jpg">
Atributos de largura e altura
Imagens em HTML têm um conjunto de atributos de tamanho, que especifica a largura e a altura da imagem:
Exemplo
<img src="img_girl.jpg" width="500" height="600">
O tamanho da imagem é especificado em pixels: width = “500” significa 500 pixels de largura.
Você aprenderá mais sobre imagens em nosso capítulo Imagens em HTML.
O atributo alt
O atributo alt especifica um texto alternativo a ser usado quando uma imagem não pode ser exibida.
O valor do atributo pode ser lido pelos leitores de tela. Dessa forma, alguém “escutando” a página da web, por exemplo uma pessoa com deficiência visual, pode “ouvir” o elemento.
Exemplo
<img src="img_girl.jpg" alt="Girl with a jacket">
Exemplo
Veja o que acontece se tentarmos exibir uma imagem que não existe:
<img src="img_typo.jpg" alt="Girl with a jacket">
O estilo Atributo
O atributo style é usado para especificar o estilo de um elemento, como cor, fonte, tamanho etc.
Exemplo
<p style="color:red">I am a paragraph</p>
Atributo lang
O idioma do documento pode ser declarado na tag.
O idioma é declarado com o atributo lang.
Declarar um idioma é importante para aplicativos de acessibilidade (leitores de tela) e mecanismos de pesquisa:
<!DOCTYPE html> <html lang="en-US"> <body> ... </body> </html>
As primeiras duas letras especificam o idioma (en). Se houver um dialeto, use mais duas letras (US).
O título Atributo
Aqui, um atributo de título é adicionado ao elemento
. O valor do atributo title será exibido como uma dica ao passar o mouse sobre o parágrafo:
Exemplo
<p title="I'm a tooltip"> This is a paragraph. </p>