Tag <a>


Tabela HTML
Uma ligação comum.
Código:
1 <a href="../tabela-ajuda-html.html">Tabela HTML</a><br>
2 Uma ligação comum.
3 <!-- A tag <a> cria uma ligação com outro documento por meio de um hyperlink -->
4 <!-- O atributo href="" indica o caminho até o documento -->

Clique na imagem para fazer download da mesma, ou clique aqui para baixar com um nome diferente.
Código:
1 <a href="../midia/imagem1.jpg" download> </a>
2 <img src="../midia/imagem1.jpg">
3 </a><br>
3 Clique na imagem para fazer download da mesma, ou
4 <a href="../midia/imagem1.jpg" download="paisagem.jpg" >clique aqui</a>
5 para baixar com um nome diferente.
6 <!-- O atributo download faz com que o arquivo ligado seja baixado, caso algum valor seja especificado, o nome do arquivo terá o valor especificado-->
Clique para ir para o fim da página
Código:
1 <a href="#fim">Clique para ir para o fim da página</a>
2 <!-- Com o uso de IDS também pode fazer ligações no mesmo documento. -->

Target para a tag <a>

Tabela HTML
Este link será aberto na mesma guia.
Código:
1 <a href="../tabela-ajuda-html.html" target=_self>Tabela HTML</a>

Exemplos:

_self abre o link na mesma guia (padrão).
_black abre o link em nova guia.

Estilo do link

Tabela HTML
Código:
HTML
1 <a href="../tabela-ajuda-html.html" id="link-color">Tabela HTML</a>
CSS
1 #link-color{
2 color: blue;
3 background-color: white;
4 text-decoration: underline;
5 text-decoration-style:: solid;
6 }

Exemplos:

Cor:






*Há várias outras cores*

Cor de Fundo:






*Há várias outras cores*

text-decoration:

underline
overline
line-through
underline overline
underline overline line-through
none

text-decoration-style:

solid
dashed
dotted
double
wavy
initial