Contente

• Dar um passo
• Método 1 de 2: um link simples
• Método 2 de 2: Adicionando e-mail e âncoras
• Pontas
• Necessidades

Links ou hiperlinks, geralmente abreviados como "links", são a espinha dorsal da Internet e de sites em particular. Os links permitem que os usuários cliquem em um texto ou imagem, o que os redirecionará para outra página da web. Isso os torna uma parte inseparável da Internet. Criar um link como parte do seu site requer muito pouco código HTML. Aqui, nós te mostramos como.

Dar um passo

Método 1 de 2: um link simples

1. Crie o texto ou coloque a imagem que deseja usar como link. Os links são criados com algumas tags HTML simples ao editar o código do seu site. Mas primeiro é importante saber o que você deseja colocar dentro das tags. Pode ser um texto, uma imagem ou outro elemento html, mas aqui usamos apenas uma linha de texto.
2. Coloque duas marcas ao redor do texto. Os hiperlinks são indicados com duas tags simples, uma para abrir o código e outra para fechá-lo. Sem atributos, isso ainda não é realmente útil, mas vamos fazer algo a respeito.
   • Seu link pode ser assim: Clique aqui para visitar meu novo site.
3. Adicione o atributo "href" para indicar para onde o link leva. O atributo "href" informa ao navegador para onde direcionar o usuário quando o link for clicado. Este atributo é seguido por um sinal de igual e, em seguida, pelo endereço entre aspas depois dele.
   • O exemplo acima deve ser parecido com este: Clique aqui para visitar meu novo site.
   • Observe que, se o destino do link for outro site, você deve fornecer o url completo (geralmente começa com "http"). Se apenas o nome da página for fornecido, presume-se que ela seja pesquisada no diretório do site.

Método 2 de 2: Adicionando e-mail e âncoras

1. Crie um link a partir de uma imagem. Isso é muito fácil de fazer adicionando uma tag de imagem dentro das tags de link. Você precisará do endereço do local da imagem (ou seja, o local em seu servidor ou de outra pessoa). Aqui está um exemplo de como um link de imagem pode ser:
   • a href = "the_url_of_the_image.html"> img src = "image.webp" /> / a>
2. Crie um link de e-mail usando o "mailto:’ protocolo. Para criar um link para escrever um e-mail para um endereço específico, use "mailto:" e coloque-o diretamente na frente do endereço de e-mail da pessoa.
   • Um link de e-mail pode ser assim: Clique aqui para fazer uma pergunta ou fazer um comentário.
3. Crie âncoras em uma página da web maior para fácil referência. Se você está procurando uma maneira de criar um link para uma parte específica de uma página da web, use uma âncora. As âncoras são muito úteis para páginas maiores com um índice analítico; cada capítulo ou seção pode receber uma âncora vinculada ao índice analítico. As âncoras são criadas com o atributo "nome".
   • Para criar uma âncora, insira a tag no local correto da página, como: Capítulo 3 - Usando âncoras em HTML
   • Para vincular à âncora recém-criada, use o sinal # da seguinte maneira: #Vá para o Capítulo 3

Pontas

• Você não precisa de nenhum software especial para construir um site, e a maioria dos computadores tem o software correto instalado por padrão. Um exemplo é o Bloco de notas / Bloco de notas do Windows. Basta inserir os códigos e salvá-los como html. Para poder ver como isso se parece na prática, você precisa de um navegador, o que geralmente não é necessário em programas mais avançados. Além disso, não há opções para verificar a sintaxe do código e se está em conformidade com os padrões.
• Use estilos CSS para alterar a cor e outras propriedades dos links.

Necessidades

• Um computador
• Um editor como o Notepad ou software de web design