Código de link HTML

Como escrever código de link HTML.

link de texto HTML

<a href="link/html-text-link.htm">Text Link</a>

O código criará este link:

Link de texto

Link HTML para a mesma página

Código do link âncora:

<a href="#generator">Link code generator</a>

O código criará este link:

Gerador de código de link

Ao clicar no link o navegador irá pular para o cabeçalho abaixo, com este código:

<h2><a id="generator">Link code generator</a></h2>

link da imagem HTML

<a href="link/link-image.htm"><img src="link/flower.jpg" width="82" height="86" alt="Flower"></a>

O código criará este link:

Flor

Link de e-mail em HTML

<a href="mailto:name@cmtoinchesconvert.com">Send Mail</a>

O código criará este link:

Enviar correio

 

Consulte: link HTML mailto .

Link HTML para download do arquivo

<a href="link/test_file.zip">Download File</a>

O código criará este link:

⇬ Fazer download do arquivo

 

Veja: link de download em HTML

Link HTML aberto em nova janela

Este link será aberto em uma nova janela ou guia:

<a href="link/html-text-link.htm" target="_blank">Open page in new window</a>

O código criará este link:

Abrir página em nova janela

link do botão HTML

Sem javascript:

<form action="link/html-button-link.htm">
    <input type="submit" value="A button link">
</form>

Com javascript:

<input type="button" value="A button link" onclick="window.location.href='link/html-button-link.htm'">

Cor do link

A alteração da cor do link é feita com o estilo css:

<a href="link/html-link-color.htm" style="color:red">Link color page</a>

O código irá gerar este link:

Link da página colorida

 

A alteração da cor de fundo do link é feita com o estilo css:

<a href="link/html-link-color.htm" style="background-color:#ffffa0">Link color page</a>

O código irá gerar este link:

Link da página colorida

Links de caminho relativo x absoluto

Este é um link com URL de caminho relativo:

<a href="link/html-text-link.htm">Text Link</a>

O código irá gerar este link:

Link de texto

 

Este é um link com URL de caminho absoluto:

<a href="https://cmtoinchesconvert.com/pt/web/html/link/html-text-link.htm">Text Link</a>

O código irá gerar este link:

Link de texto

Gerador de código de link HTML

Selecione o tipo de link:

Digite o texto do link:    
Digite URL para vincular:    
Definir estilo de link CSS:    
links normais:    
cor:
cor de fundo:
texto-decoração:  
alvo-novo:  
Link suspenso:    
cor:
cor de fundo:
texto-decoração:  
alvo-novo:  
Visualização do link gerado:    
Código do link gerado:    

 

Veja também

Advertising

WEBHTML
°• CmtoInchesConvert.com •°