como adicionar botoes de busca e links com url em um site?
olá pessoal! gostaria de saber como faço para adicionar botões e barras d busca como o google por exemplo em meu site. e como fazer um link que, quando clicado, vá para um outro site ao inves d outra pagina do mesmo site.
Comments
Olá!
Basicamente você precisa de algumas tags HTML para fazer o que deseja. Vamos na sequência.
ADICIONAR BOTÕES
----------------------------------------------
Botões são definidos pela tag INPUT do HTML. É um recurso de interação com o usuário que dispara um evento quando o usuário clica sobre algo. Existem 3 tipos de botão. O SUBMIT, que envia um formulário, o RESET que limpa todos os campos de um formulário e o genérico BUTTON que é um tipo que você pode personalizar a ação.
Abaixo o exemplo de utilização de cada um deles:
<input name="meuBotao" type="submit" value="1" />
<input name="meuBotao" type="reset" value="1" />
<input name="meuBotao" type="button" value="1" />
Lembre-se que para cada um deles funcionar, eles precisam estar dentro de uma tag de formulário <form>, principalmente o submit e reset.
BARRA DE BUSCA DO GOOGLE
----------------------------------------------
Sua pergunta não está clara. Você quer colocar uma caixa de texto no seu site (similar à do google), ou você quer colocar o mecanismo de busca em seu site? Vou responder as duas questões.
---> Colocar caixa de texto
Da mesma forma do botão, utilize a tag INPUT, porém com o argumento text. Segue abaixo o código.
<input name="seuTexto" type="text" value="seuValor" />
---> Barra de busca google:
Existe um código pronto que o google disponibiliza para que você possa criar mecanismos de busca dentro do seu site, utilize o código abaixo. É copiar e colar.
<!-- Search Google -->
<center>
<form method="get" action="http://www.google.com.br/custom%22 target="_top">
<table bgcolor="#ffffff">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
<img src="http://www.google.com/logos/Logo_25wht.gif%22 border="0" alt="Google" align="middle">
<label for="sbi" style="display: none">Digite os termos da sua pesquisa</label>
<input type="text" name="q" size="31" maxlength="255" value="" id="sbi"></input>
<label for="sbb" style="display: none">Enviar formulário de pesquisa</label>
<input type="submit" name="sa" value="Pesquisar" id="sbb"></input>
<input type="hidden" name="client" value=""></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="ISO-8859-1"></input>
<input type="hidden" name="oe" value="ISO-8859-1"></input>
<input type="hidden" name="flav" value="0000"></input>
<input type="hidden" name="sig" value=""></input>
<input type="hidden" name="cof"
value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:000$
<input type="hidden" name="hl" value="pt"></input>
</td></tr></table>
</form>
</center>
<!-- Search Google -->
LINKS EXTERNOS
----------------------------------------------
Para colocar links externos, você apenas tem que colocar o endereço completo na tag A, inclusive com o http://./
Por exemplo, se meu site for www.meudominio.com.br e eu quero colocar um link interno, eu utilizo a tag:
<a href="pagina.html">Meu Link Interno</a>
Caso eu queira colocar um link externo, para o site do TERRA, por exemplo, utilizo a mesma tag, porém com endereço completo:
<a href="meu/" rel="nofollow">http://www.terra.com.br">meu/ Link Interno</a>
Se colocar somente www.terra.com.br, o navegador interpreta como se fosse um link interno chamado www.terra.com.br, ou seja http://www.meudominio.com.br/www.terra.com.br, portanto, só especifique o http://./
Melhor ainda, seria você abrir o link externo em outra janela, ou seja, quando o usuário clicar sobre o link externo, uma nova janela (ou aba) do navegador se abre e o usuário pode ainda continuar a acessar o seu site. Acrescente apenas um argumento em sua tag a, o TARGET.
<a href="http://www.terra.com.br"/ target="_blank">Meu Link Interno</a>
Estão aí respondidas suas dúvidas.Espero ter ajudado.
Um abraço!
bom, vai ter que aprender algo de html ou xhtml, pra começar.
Para te explicar por aqui fica meio complicado, entra nesses sites, tem bons tutoriais:
http://www.cubataoweb.net/
http://www.maujor.com/index.php