ir para conteúdo

Treinamento de HTML

Link

O elemento HTML link especifica as relações entre o documento atual e um recurso externo.

Observação: Os números mencionados nos exemplos, são as linhas do código fonte HTML.

Retornar para página principal

Links com “Saiba mais”

Exemplo incorreto



<h2>Novo Warcraft chegará para dispositivos móveis em 2022</h2>
<p>
A Blizzard Entertainment planeja lançar um título da franquia de games Warcraft para dispositivos móveis em 2022.
</p>
<a href="saiba-mais.html">Saiba mais</a>

Exemplo prático

Novo Warcraft chegará para dispositivos móveis em 2022

A Blizzard Entertainment planeja lançar um título da franquia de games Warcraft para dispositivos móveis em 2022.

Saiba mais

Exemplo correto


            
<h4>Novo Warcraft chegará para dispositivos móveis em 2022</h4>
<p>
A Blizzard Entertainment planeja lançar um título da franquia de games Warcraft para dispositivos móveis em 2022.
</p>
<a href="saiba-mais.html">Saiba mais <span class="sr-only">sobre o Novo Warcraft</span></a>

Exemplo prático

Novo Warcraft chegará para dispositivos móveis em 2022

A Blizzard Entertainment planeja lançar um título da franquia de games Warcraft para dispositivos móveis em 2022.

Saiba mais sobre o Novo Warcraft

Links sem rótulo definido

Exemplo incorreto



<p>
Endereço:
Rua Manoel Camargos, 34
CEP:<a href="#"></a>
Belo Horizonte - MG
</p>

Exemplo prático

Endereço: Rua Manoel Camargos, 34 CEP: Belo Horizonte - MG

Exemplo correto


            
<p>
Endereço:
Rua Manoel Camargos, 34
CEP:<a href="meusite.html">68458-860</a>
Belo Horizonte - MG
</p>

Exemplo prático

Endereço: Rua Manoel Camargos, 34 CEP: 68458-860 Belo Horizonte - MG

Retornar para página principal