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>

 

Esse artigo ajudou você?

Comente sobre este conteúdo! Escreva o que pensa, complemente, vamos discutir. O conhecimento é livre!