Como definir links em html o conteúdo da página web

Links, esses objetos clicáveis ​​que fazem a web o que é, são definidos com o HTML

elemento. Completamos nosso levantamento das tags HTML mais importantes com um exame deste elo vital na concepção de páginas web.

Video: Curso de HTML5 - 12 - Links em HTML5 - by Gustavo Guanabara

O atributo mais essencial de qualquer é o elemento href atributo, que define o destino do link. Mas elementos também deve incluir algum conteúdo - por exemplo, um texto - que exibe em um navegador e permite que o link para o trabalho. Por exemplo, o código a seguir exibe HTML Pesquisar no Google e links para google.com:

Pesquisar no Google

Note que o link inteiro, incluindo o texto de exibição, está dentro de e Tag. No entanto, há também um fechamento gt; após a ligação efectiva e antes do texto exibido.

Os links podem ter definido os seus objectivos, como o parâmetro “em branco” usado para abrir um link em uma nova janela do navegador. Para editar o exemplo anterior para abrir em uma nova janela do navegador, você usaria este código:

Pesquisar no Google

links absolutos e relativos

Os links podem ser absoluta ou relativa:

links absolutos, como o que nos exemplos anteriores, são definidos com http: // no início e incluir todo o URL para o link.

  • links relativos são usados ​​dentro de um site. Assim, por exemplo, se você estivesse ligando para uma página chamada about_us.html, você poderia usar



    visite meu Sobre nós página!

    No entanto, o código anterior só funcionaria se a página about_us.html está na mesma pasta que a página da qual foi ligada.

  • Você também pode definir mais links relativos complexos, usando / para traçar um caminho para a pasta com o link. Por exemplo, para conectar-se a um arquivo chamado slideshow.html em uma subpasta (em relação à página original) apresentações chamado, você usaria este código:

    visite meu Slideshow página!

    Como ligações olhar

    Quando você constrói uma folha de estilo para o seu site, você define como links aparecem em diferentes estados: unvisited, visitado, ativo (no processo de ser aberto), ou pairavam (pairava sobre por um cursor do mouse). Por padrão, até que você crie uma folha de estilo, links aparecem como esta em todos os navegadores:

    Video: Site em HTML - aula 10 - Como inserir LINKS em site HTML

    • links não visitados estão sublinhadas e azul.

      Video: Como colocar código HTML em imagem e link

    • links visitados são sublinhadas e roxo.

    • Links ativos são sublinhadas e vermelho.

      Video: Link de e-mail e âncoras - Curso completo HTML - Aula 8 [HD] - FamwebTV

      Não há estado de foco padrão. E até que você crie um em uma folha de estilo, pairou links não mudar a aparência.


    Publicações relacionadas