Resumo de Html Básico Links -

LINKS HTML

Links são encontrados em praticamente todas as páginas web. Os links permitem aos usuários navegar página a página pela internet.

Tente você mesmo. Exemplo: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_links

_______________________________________________________________________________
HYPERLINKS HTML (LINKS)

Um hyperlink (ou link) é uma palavra, uma frase ou uma imagem que você poe clicar para acessar uma nova página HTML ou uma nova seção dentro do próprio documento.

Quando você move o cursor sobre um link, ele se transforma em uma pequena mão com o dedo indicador esticado.

Links são especificados em HTML pela tag <a>.

A tag <a> pod ser utilizada d duas formas:

1 - Para criar um link para um novo documento.

2 - Para criar uma demarcação dentro do próprio documento, usando o atributo name.

_______________________________________________________________________________
SINTAXE DO LINK HTML

O código para links HTML é simples. É algo como:

<a href="url">Texto do link</a>.

O atributo href especifica o endereço eletrônico do link.

Exemplo:

<a href="http://www.w3schools.com/">Visite W3Schools</a>.

Que será exibido desta forma no documento HTML: Visite W3Schools.

Ao clicar sobre o link, o browser abrirá a homepage da W3Schools.

DICA: O texto do link não precisa ser um texto. Ele pode ser uma imagem ou qualquer outro elemento HTML.

_______________________________________________________________________________
O ATRIBUTO TARGET

O atributo target especific onde abrir o documento do link.

O exemplo a seguir abrirá a página linkada em uma nova janela:

<a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a>

Tente você mesmo: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_link_target

_______________________________________________________________________________
O ATRIBUTO NAME

O atributo name especifica o nome de uma âncora.

Uma âncora é um ponto dentro da própria página HTML.

As âncoras não são demarcadas visualmente. Elas são invisíveis para o leitor.

Exemplos:

Uma âncora definida pelo atributo name dentro da página web:

<a name="dicas">Seção de Dicas Úteis</a>

Criação do link para a "Seção de Dicas Úteis" dentro da mesma página:

<a href="#dicas">Visite a Seção de Dicas Úteis</a>

Ou a criação do link para a "Seção de Dicas Úteis" em uma outra página:

<a href=http://www.w3schools.com/html_links.htm#dicas>
Visite a Seção de Dicas Úteis</a>

______________________________________________________________________________
DICAS IMPORTANTES

NOTA: Sempre adicione uma barra para referenciar subpastas. Se você escrever: href=http://www.w3schools.com/html, você vai gerar duas ações pelo servidor, primeiro ele vai adicionar uma barra ao final do endereço, e depois vai crar uma nova procura, com o endereço: href=http://www.w3schools.com/html/

DICA: Âncoras são usadas com frequência para criar o sumário da página web, logo no início de documentos muito extensos. Cada capítulo do documento é demarcado como uma âncora, e os links para essas âncoras são colocados no sumário da página.

DICA: Se o browser não achar a âncora com o nome especificado, ele vai para o topo da página, sem a exibição de nenhuma mensagem de erro.

_______________________________________________________________________________
MAIS EXEMPLOS:

Uma imagem como link:
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_imglink

Link para um lugar na mesma página:
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_link_locations

Criar um link para enviar um e-mail:
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_mailto

Outro link para enviar e-mail:
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_mailto2

Resumos Relacionados