Fazendo ligações

2 partes:Link para HTMLMude o estilo do seu link

As ligações (links) são "coluna vertebral" da "World Wide Web". Eles são o que conectam páginas com motores de busca. Faça um link é uma habilidade essencial para qualquer aspirante a se tornar desenvolvedor web. Siga este guia para aprender rápido e fácil de fazer ligações e personalizar sua aparência.

parte 1Link para HTML

1

Digite o código para o link. links HTML são definidas com a tag . As etiquetas devem ter um começo e um fim. Isto significa que a ligação deve começar com o rótulo e terminar com a tag. O endereço que você deseja vincular vai na primeira etiqueta atributo designado href, e um texto que aparece na ligação entre tags. Um link HTML completa seria algo como:

lt;para href="comcorp.xyz" gt; Homepage wikiHowlt;/paragt;
  • O link concluído será, assim, Homepage wikiHow e pode ser clicado.

2

Use o atributo href para mover partes específicas da página. Você pode designar locais em sua página para a qual você deseja que o navegador é direcionado quando clica em links específicos. Por exemplo, você pode colocar um link no final de um longo artigo para clicar de volta ao topo. Para fazer isso, você precisa criar o "âncora" ao qual o link irá abordar:.

lt;para identidade=gt "Top"; lt;/paragt;
  • Para este exemplo, o código "âncora" Vai ser colocado no topo da página, na parte superior ou no início do conteúdo.

lt;para href="#top" Gt; Início da páginalt;/paragt;
  • Esta ligação vai ser colocado na parte inferior da página. Clicando sobre ele irá voltar ao topo da página.



3

Use o atributo href para carregar arquivos específicos. Você pode usar o atributo href para link para arquivos específicos, em vez de caminhos absolutos dirigir. Isso é útil quando você mover arquivos com freqüência e não quer quebrar as ligações. Para links funcionam, os arquivos devem estar no diretório da página atual.

lt;para href= "Index.htm" gt; Textolt;/paragt;
  • Isto irá levá-lo para o arquivo index.htm no mesmo diretório da página atual.

4

um botão para criar o link. Se preferir que o seu link é exibido como um botão em vez de apenas o texto sublinhado, você pode usar o rótulo

para criar o link. Isso irá substituir o rótulo construção da ligação. Os botões não tão bem são armazenados nos motores de busca, o que significa que os botões são títulos não indexados com tanto sucesso como os laços tradicionais:

lt;formuláriogt;lt;entrada tipo="Button" valor="Aqui está o seu texto" onclick="Window.location.href=`Http://comcorp.xyz ` "gt;lt;/formuláriogt;

parte 2Mude o estilo do seu link

1

Use CSS para alterar o aspecto visual do seu link. CSS (Cascading Style Sheets inglês) permite alterar a aparência de seus links em HTML. Criar um modelo de CSS e colocá-lo entre a secção A página irá afectar todas as tags de sua página. Existem quatro selectores que determinam a aparência da ligação:

2

Ajuste cada selector. Você pode adicionar modificadores para cada aspecto secção selector para alterar a aparência do link. Há muitos elementos visuais que podem mudar adicionando modificadores entre parênteses após o selector. Exemplos de modificadores são os seguintes:

  • font-family - É a fonte em que é escrito o link. Você pode inserir qualquer página web de código permitidos o uso dessa opção.
  • font-size - É o tamanho do tipo de letra, em pontos. Você pode alterá-lo como quiser em um processador de texto.
  • cor - É a cor da ligação. Você pode entrar diretamente a cor ("azul"Deve sempre ser escritos em Inglês) ou usar o código de cores ( "# 0000FF").
  • text-decoration - Isso dá efeito às ligações sublinhadas ou riscadas.
  • font-weight - Você pode usar essa opção para a letra aparece em negrito.

3

aparência do modelo elaborado. O seu modelo de guia CSS deve ter o formato correcto e ser localizado no topo da página. Aqui você pode ver um exemplo de um aspecto integral do modelo:

gt;gt;

4

Use vários estilos em uma página. Se você quiser ter vários estilos em uma página, você pode criar vários modelos de CSS e atribuir a cada a uma classe. Então você deve orientá-la para a classe que você deseja que o aspecto aplica. Por exemplo:

gt;gt;

Artigos Relacionados