Atributos HTML

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>