Dando continuidade aonde paramos.
Anteriormente criamos uma página utilizando:
-Cores de fundo ao parágrafo.
-Cores de fundo á página.
-Cores nas fontes (letras).
Agora, vamos explicar como é que faz para incluir um LINK à nossa nova página.
Para incluirmos esse LINK ao nosso html, tudo que precisamos é de uma TAG.
No caso uma combinação de:
Abre com <a> e fecha com </a>
E o href.
A TAG ¨A¨, seria de ANCHOR que significa ÂNCORA.
A TAG ¨HREF¨ seria de HIPERTEXT REFERENCE que significa a referência do
Hipertexto.No caso o DESTINO para o LINK.
Ex:
<a href="http://www.google.com.br">Pesquisar No Google</a>
O resultado seria esse abaixo:
Podem clickar e testar como funciona.^^
Agora vamos demonstrar a estrutura do HTML e de quebra ainda vamos incluir
além do LINK, uma IMAGEM LINK.
Ex:
<html>
<head>
<title>Imagem Link</title>
</head>
<body>
<a href="http://www.hikariti.com.br">
<img border="0" src="logo.png"/>
</a>
</body>
</html>
Acompanhem na imagem abaixo:
E com isso temos nossa estrutura devidamente formada e incluímos o LINK dentro
de uma IMAGEM, ao invés de utilizarmos uma PALAVRA LINK.
Confira o resultado abaixo:
Ao clickarem na imagem logo, seremos redireccionados para a página que escolhemos
em HREF.
Pareceu um pouco confuso o img border ou "0" e src não foi?
Por hora peço apenas que façam como demonstrado acima, posteriormente explicarei
os devidos significados e quando utilizar.
Até a próxima.
0 comentários:
Postar um comentário