Atributos

1. Atributos

A tag de abertura pode conter informações especiais — atributos. A tag de fechamento não pode conter atributos. O formato geral dos atributos é o seguinte:

<tag name1="value1" name2="value2">  

Exemplo de uma tag com atributos — link:

      
<a href="http://codegym.cc/about" target="_blank">
    Link para algo interessante
</a>
      
    

Cada atributo é definido como um par de nome e valor. O número de atributos pode ser indefinido.

Um programador atento pode logo perguntar: o que fazer se o valor de um atributo precisar de um texto que contenha os caracteres “<”, “>” ou aspas?

Dentro de um documento HTML, esses caracteres não podem ser usados diretamente. Existe uma forma especial de escrevê-los:

Essa substituição é chamada de escape de caracteres. Mais tarde, falaremos sobre isso com mais detalhes.

2. Imagens

A tag <img> é usada para inserir imagens em uma página web. Essa é uma tag única, ou seja, não possui uma tag de fechamento. Atributos importantes:

• src — especifica o caminho para a imagem.
• alt — descreve a imagem, o que é útil para mecanismos de busca e em casos em que a imagem não pode ser carregada.

Exemplo:

      
<img src="image.jpg" alt="Descrição da imagem">
      
    

3. Links

A tag <a> é usada para criar hiperlinks. O atributo principal dessa tag:

• href — especifica o URL (endereço) da página ou recurso para o qual o link aponta.
• target — define onde o link será aberto (por exemplo, _blank para uma nova aba).

      
<a href="https://www.example.com">Ir para Example.com</a>