Iniciantes: Mexendo com links

0
432

Links são importantes em várias coisas. Tanto em textos ou em seu projeto de site/programa/aplicativo/whatever, o link é de extrema importância para cada um de nós. Hoje colocar um endereço escrito invés de algo que redirecione, é algo irregular — praticidade é regra. Ninguém quer copiar o link e por no navegador, quer algo expresso, que por acaso, nada é de se esperar que redirecionar é melhor. Clicar no link e pronto, não é mais prático?

Aprender a mexer nisso é algo fundamental, que é bem simples. A tag é identificada como<a>, e pode ser manuseada de várias formas. Como vocês — creio eu que muitos que estão lendo sejam isto –, não sabem usar HTML direito, isto é fundamental para vocês, que querem aprender algo de HTML, ou pelo menos, escrever em alguns lugares — é algo quase raro você ver um editor de textos que não tenha coisas automáticas.

Usando a tag

Usar ela é bem simples, é algo mágico e nada é relativo ao de demorar séculos. Algo que aprendi em 30 minutos de uso — isso na primeira vez de uso. Peguei a tag, e sai usando, que recentemente, havia aprendido no Blogger como utilizá-la — sim, pelas configurações.

Para usar, você, como sempre, deve abrir a tag, mas não é só abrir, tem mais procedimentos. Veja um exemplo:

<a href="http://www.multarte.com.br">Multarte</a>

Viram que eu coloquei mais coisas dentro da tag. O que acontece é o seguinte: quando você usa, você tem que por a URL/Site que você vai redirecionar. Para isso, você deve abrir a tag<a> normalmente, mas antes de fechar, deve por a variável href=”link” do lado do a. Depois você por isto, você pode fechar, e depois, escrever ali o nome que quer que apareça no texto. Há também mais coisas que se deve por, que vou apresentando — no caso, são os atributos.

Atributos da tag <a>

links_chain

É claro e evidente que há atributos. Há vários, como target, title, dentre outros, mas vou citar só como adicioná-los e alguns que deve recordar para sempre.

No exemplo acima que dei, eu pus o href. Isto é um atributo. Os atributos devem ser postos que nem o “href”, ou seja, tudo no mesmo local (na abertura da tag). Não se deve por um colado no outro, que, ao utilizar os atributos pondo as aspas, assim que fechar, obrigatoriamente se deve ser visto que é obrigatório um espaço. Veja um exemplo:

<a href="http://www.designereffects.com.br" title="Multarte">Multarte</a>

Bem simples. Coloquei também ali as tags que você deve conhecer por si só. São as mais utilizadas, e é de extrema importância. Sim, eu digo da title e target.

A title diz de cara do que se trata. Quando você vai passar o mouse por cima do link, vai mostrar o que você escreveu nesse atributo, caso não ponha, nada se aparecerá. Nem há mistérios do que por, mas, por via de dúvidas, pode tirar via comentários conosco.

Há também a target, que é um pouco mais difícil. Nesse atributo, você vai escolher a forma e onde vai abrir seu link. Abrir em nova janela é o maior destaque já visto sobre este tributo, mas embora seja o mais famoso, há outros que você vai gostar mais. Futuramente você vai aprendendo, mas tome nota que para deixar abrir em uma nova janela, é só utilizartarget=”_blank, por exemplo:

<a href="http://www.multarte.com.br" target="_blank">Multarte</a>

Dica extra: Imagens que são links (banners)

É uma boa dica de se aprender, mas que vou dar só uma prévia porque isto, aprofundaremos mais tarde, que é algo que precisa de mais atenção. Mas, vejamos aqui como usar, no caso, é só uma dica rápida. Saca só este exemplo:

<a href="http://www.multarte.com.br" title="Multarte"><img src="link da img" /></a>

Nota-se que invés de se por algo escrito entre a tag, eu pus uma tag de imagem — sim, o que está de negrito. É só fazer tudo normal, mas ao invés de por um texto entre a tag <a>, eu ponho <img src=”link da img”>.

É bem simples, mas por acaso, precisa de mais um link, sim, o da imagem. Você vai ter que pegar o link da imagem na internet, que você colocou em algum canto, e colocar no lugar delink da img, e pronto, a imagem foi colocada.

Não é complicado, é algo simples, mas é algo chato de se solucionar caso haja algum problema. Alguma dúvida ou tudo fora esclarecido? Se tiver, não se espante, hesite em nos comentar sempre que for necessário!

RECEBA NOSSAS ATUALIZAÇÕES GRÁTIS
Enviamos nossos novos posts por e-mail para que você não perca nenhuma novidade!