Depois de criar algumas páginas da Web usando HTML, você desejará conectá-los em um site maior. Aprenda a vincular uma página do seu site para outra, ou a qualquer outro site na Internet. Você pode até enviar seus visitantes para um ponto específico na página para salvá-los de rolagem.

Passos

Método 1 de 2:

Vinculando a outra página da Web

1. Abra seu arquivo HTML. Abra o arquivo HTML para a página que você gostaria de editar. (Se você está começando do zero e precisa de algumas informações de fundo, Crie o documento Antes de ler este artigo.)

Criar um link com Simple HTML Programming Step 2

2. Coloque um link na sua página. Adicione o seguinte código ao corpo do documento HTML, onde você gostaria que o link apareça:

Texto do link

Isso é exibido assim: Texto do link.

Criar um link com Simple HTML Programming Step 3

3. Escreva o texto do link para exibir. Qualquer coisa entre o e Tags aparecerão na sua página como um link. Você pode alterar isso com outras tags HTML assim como você faria qualquer outro texto.

Você também pode transformar uma imagem em um link:

.
O usuário verá as imagens da imagem / como-Create-A-link-com programação HTML simples.jpg, e pode clicar na imagem para visitar https: // pr.maniqui-es.com /.

Criar um link com Simple HTML Programming Step 4

Mudar o destino do link. Thetag você acabou de criar é chamado de "âncora." O atributo href dentro da âncora define o destino do link. Substituir https: // pr.maniqui-es.com / no exemplo acima com o URI você gostaria de vincular para.

Coloque sempre o URI com aspas.

URIs diferenciam maiúsculas de minúsculas. Copie-os ou digite exatamente como eles aparecem.

Criar um link com Simple HTML Programming Step 5

5. Link para uma página na mesma pasta. Você não precisa incluir um URL completo se estiver ligando para uma página no mesmo site (embora funcione). É mais fácil manter seu site organizado se você usar links relativos, sem incluir o nome de domínio. Aqui está um exemplo simples ligando a partir de uma página para outra na mesma pasta:

Digamos que você esteja editando a página http: // exemplo.EDU / AUTOR / AUTOR.html.

Para vincular a página http: // exemplo.EDU / SUBLE / FAMÍLIA.html, Basta digitar o nome do arquivo:
Texto do link

Criar um link com Simple HTML Programming Step 6

6. Link para outras páginas no seu site. Você também pode usar links relativos para direcionar o link para qualquer outra página no mesmo site. Existem apenas duas coisas que você precisa saber:

Para vincular a uma página em uma subpasta, inclua o novo caminho do arquivo. Por exemplo, se você estiver na página http: // exemplo.EDU / AUTOR / AUTOR.html e quer vincular a http: // exemplo.EDU / SUBLE / PETS / CÃO.JPG, Você pode pular tudo até "cerca de:"
Texto do link

Para vincular a uma página em uma filial diferente do site, use "../" Para subir para uma pasta mais alta. Por exemplo, para ligar de /sobre o autor.html para http: // exemplo.edu / escrita / livros.html, modelo:
Texto do link

Método 2 de 2:

Ligando dentro de uma página

1. Crie uma âncora de destino. Se você estiver ligando para uma página web longa, você pode querer levar as pessoas a um ponto específico na página em vez do topo. Para tornar isso possível, abra o documento HTML para a página de destino. Inserir esta tag de âncora no ponto que você deseja vincular:

Texto âncora.
Isso exibirá como texto normal, uma vez que é o destino de um link e não um link em si. Você pode substituir "ancôname" com qualquer nome, desde que você não use o mesmo nome duas vezes em uma página.

Criar um link com Simple HTML Programming Step 8

2. Link para a âncora de destino. Para vincular a um ponto específico na página, adicione o símbolo # até o final do URI, seguido pelo nome exato usado para o atributo ID. Isso é sensível a maiúsculas e minúsculas.

Por exemplo, para vincular ao Anchoron a página http: // exemplo.Edu / férias.HTML, digite:
Texto do link..

Você pode adicionar isso a links absolutos ou relativos (veja as instruções em método separado).

Criar um link com Simple HTML Programming Step 9

3. Adicione uma âncora a qualquer tag HTML. Você também pode criar uma âncora inserindo o ID ="ancôname" Em qualquer tag HTML. Link para isso exatamente da mesma maneira. Aqui estão alguns exemplos:

Texto de cabeçalho

Link para isso adicionando #topheader ao URL.

Texto do parágrafo

Link para isso adicionando #introparraph ao URL.

Pontas

Para fazer a página vinculada aberta em uma nova janela, use o "alvo" atributo:Vá para o

Você pode usar folhas de estilo em cascata (CSS) para modificar a aparência de um link em todos os quatro (4) estados: link, visitou, pairar e ativo.

Envie uma dica

Todas as submissões de ponta são cuidadosamente revisadas antes de serem publicadas

Enviar

Obrigado por enviar uma dica para revisão!

Avisos

Certifique-se de lembrar de fechar o tag com um correspondente . Se você esquecer de fazer isso, a maioria dos navegadores alterará o restante do texto da página em um link!