seja bem vindo ao forum eof, caso nao seja cadastrado se cadastre para poder visualizar todo o conteudo ^^

Você não está conectado. Conecte-se ou registre-se

 » Programação Web » HTML / XML / CSS » [tutorial] criar ancora em html

[tutorial] criar ancora em html

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 [tutorial] criar ancora em html em Ter Nov 20, 2012 5:45 pm

Kodo no Kami

avatar
master
master
e ae galera nesse tutorial vou ensinar como criar uma ancora em html e tambem criar um link para outro site, as ancoras caso links q t redireciona para fora ou para determinada parte da pagina elas pode servi como indice para sua pagina ou um simples hiperlink, para criar ancora basta usar a tag <a> usamos os seguintes atributos href para redirecionar e name para onde vai ser redirecionado, no atributo href usamos # q indica q vai ser redirecionado pra dentro da pagina e em seguida o nome

Código:
<html>
<body>
  <a href="#fts">ir para parte fts</a>
</body>
</html>

no atributo name agente passa o nome da parte no meu caso eu coloquei fts

Código:
<html>
<body>
  <a href="#fts">ir para parte fts</a>
  <a name="fts">
</body>
</html>

no exemplo acima nao vai fazer tanta diferença, mais se o codigo fosse maior


Código:
<html>
<body>
  <a href="#fts">ir para parte fts</a> <br>
  .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
  .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
  .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
  .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
  .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
  .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
  .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
  .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
  <a name="fts">
  by hacker fts35
</body>
</html>

tambem poderia voltar ao inves de avançar

Código:
<html>
<body>
  <a name="fts"> <br>
  .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
  .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
  .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
  .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
  .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
  .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
  .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
  .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
  <a href="#fts">ir para parte fts</a>
</body>
</html>

agente pode ser redirecionado para aquela parte via url basta usar # e nome no final da url

[Você precisa estar registrado e conectado para ver este link.]

para ser redirecionado para outra pagina basta colocar a url no href

Código:
<html>
<body>
  <a href="http://endoffile.umforum.net">ir ao forum</a>
</body>
</html>

para terminar agente pode usar o atributo target e passar _BLANK isso vai fazer o navegador abrir outra aba

Código:
<html>
<body>
  <a href="http://endoffile.umforum.net" target="_BLANK">ir ao forum</a>
</body>
</html>

by hacker fts315


_________________ASSINATURA_________________
[Você precisa estar registrado e conectado para ver esta imagem.]
[Você precisa estar registrado e conectado para ver esta imagem.]

Contato:
Spoiler:

Contato:
Facebook: [Você precisa estar registrado e conectado para ver este link.]
Skype: hackerfts315
http://endoffile.umforum.net

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum