Pesquisar aqui

Mostrar mensagens com a etiqueta links. Mostrar todas as mensagens
Mostrar mensagens com a etiqueta links. Mostrar todas as mensagens

sábado, 23 de maio de 2020

Iniciação ao HTML: Anchor

A tag <a>, de anchor (ancora em português). É a tag utilizada para colocar links em páginas Web. 

Código



Resultado



Como podem ver, é muito simples, basta colocar o link para o qual queremos que o utilizador seja redirecionado dentro da tag, a seguir ao "href=" e dentro de aspas. Para além disso, temos que colocar o texto ou a imagem que queremos que contenha a hiper-ligação.

Imagens produzidas pelo autor.

sexta-feira, 8 de maio de 2020

HTML - Link


UMA DAS OUTRAS TAGS DE DECIDI TRAZER FOI A TAG DE LINK, QUE TAMBÉM É UM FERRAMENTA MUITO UTILIZADA DURANTE A CRIAÇÃO DE PÁGINAS DE WEB!

Para escrever um link utilizamos a estrutura:

<a href="https://www.thisisalink.com">This is a link</a>

Assim, sempre que quisermos adicionar uma frase com link, utilizamos <a href="link">Frase com link</a>, onde "Frase com link" é a frase que vai aparecer na página Web com a hiperligação, ou seja, o que escrevermos no lugar da palavra "link" não aparecerá.

Então escrevemos o código abaixo com a tag de link inserida e com a tag de parágrafo e de cabeçalho que aprendemos na publicação anterior:


<!DOCTYPE html>
<html>
<body>

<h2>HTML Links</h2>
<p>Links em HTML são definidos com a tag:</p>

<a href="https://www.w3schools.com">Isto é um link.</a>

</body>
</html>

Em que o output no navegador será:

Em que se clicar-mos no link, o navegador irá direccionarmos para www.w3schools.com


Referências:



quarta-feira, 4 de janeiro de 2017

Inserir Links em HTML



A tag para se inserir links é <a href="http://www.pagina.com">Nome do Link</a>.


Abrir links em Novas Janelas

Se você não quer que as pessoas abandonem o seu site quando clicarem nos links, você pode definir seus links para abrirem numa nova janela com o atributo "target='_blank'":

<a href="http://www.pagina.com" target="_blank">Nome do Link</a>



Endereços Absolutos e Relativos

URL (de Uniform Resource Locator), em português Localizador de Recursos Universal, é o endereço dos sites. É aquele endereço que todos estamos habituados a colocar na barra de endereços do navegador de internet.

Pode-se linkar para outras páginas usando URLs absolutos ou relativos.

URLs absolutos

Um URL absoluto contém o caminho completo para a localização do ficheiro do site que se pretende.

Se por exemplo você quisesse abrir uma página chamada camoes.html, que se encontrava no interior de uma pasta chamada "poetas", e esta pasta se encontrava na raiz do seu site, então o URL absoluto seria:

<a href="http://www.seusite.com/poetas/camoes.html">Camões</a>

É preferível o uso de URLs absolutos em páginas que possam mudar de posição na estrutura de pastas do site. Dessa forma se a página que contém os links mudar de pasta, os links vão continuar a funcionar.

URLs relativos

Um URL relativo indica apenas o caminho a percorrer desde a posição em que estamos.

Se por exemplo estivessemos na página camoes.html (que se encontra dentro da pasta "poetas") e quisessemos linkar para trás para a página principal (para a página index.html da raiz do site), então o URL relativo seria:

<a href="../index.html">Página Principal</a>
os dois pontos, seguidos de uma barra, dizem ao browser para subir um nivel na hierarquia na estrutura de pastas do site.

O URL relativo permite que o site possa ser testado offline, quando tivermos as pastas e os ficheiros html no disco duro. Desta forma os links vão funcionar se abrirmos as páginas do site a partir do disco.



Links Âncora (ou Marcadores)
Um link âncora (ou marcador) é um link interior, é um link para dentro da própria página. É um link que leva o visitante para outra secção da mesma página (em vez de o levar para outra página ou site).

1- Para fazer um link âncora primeiro você deve ir ao local do seu código HTML para onde você quer que o link aponte. Este é o local para onde o seu visitante será encaminhado quando clicar no link âncora. Nesse local defina o seguinte código de link com o atributo "name":

<a name="nome1">Este é o Texto Onde a âncora vai parar</a>

"nome1" é o nome da âncora que você escolhe.

2 - Agora para linkar para aquele local da página, use a tag para links, e no endereço é só colocar cardinal seguido do nome escolhido para a âncora:

<a href="#nome1">clique aqui</a>


Link para E-mail

Para criar um link que permite que os seus visitantes lhe enviem e-mails basta colocar a função "mailto" na tag de link:

<a href="mailto:seuendereço@email.com">Envie-me um Email</a>


Mudar as Cores dos Links

Por defeito os links têm a cor azul. Mas você pode alterar as cores usando o código "link" no interior da tag <body> . Exemplo:

<body link="red" vlink="green" alink="yellow">

  • link - cor dos links, vermelho neste caso
  • vlink - links visitados, verde neste caso
  • alink - links activos, amarelo neste caso

Fonte do texto:http://www.comofazerumsite.com/criarsite/tutorial_html.html
Fonte da imagem: http://www.techtudo.com.br/dicas-e-tutoriais/noticia/2013/03/como-colocar-link-em-uma-palavra-no-tumblr.html