Links: conectando a Web
Aprenda a criar links clicáveis
Links: conectando a Web é uma aula grátis de HTML for Kids no CoddyKit. Esta é a aula 3 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de HTML for Kids, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de HTML for Kids inclui 4 aulas no total.
Links: conectando a Web
Boas-vindas à próxima lição! Hoje, aprenderemos a criar links em HTML. Os links conectam diferentes páginas da Web e permitem que os usuários naveguem facilmente pela internet.
O que são links?
Links são elementos clicáveis em uma página da Web que levam você a outra página, a uma seção específica ou até mesmo a um arquivo.
Os links são criados usando a tag <a>, que significa “âncora”.
Vamos criar um link simples!
Criando um link básico
Para criar um link, use a tag <a> com o atributo href. O atributo href especifica o destino do link.
Exemplo:
<a href="https://www.google.com">
Visit Google</a>
Abrindo links em uma nova aba
Você pode fazer um link abrir em uma nova aba adicionando o atributo target="_blank" à tag <a>.
Exemplo:
<a href="https://www.wikipedia.org"
target="_blank">Open Wikipedia in a New Tab</a>
Criando links para outras páginas
Os links também podem se conectar a outras páginas do seu site. Use uma URL relativa (o nome do arquivo) em vez de um endereço completo da Web.
Exemplo:
<a href="about.html">About Us</a>
Criando links para seções específicas
Você pode criar um link para uma seção específica da mesma página usando um ID. Adicione o ID ao elemento para o qual deseja criar o link e use #id no atributo href.
Exemplo:
<!-- Link -->
<a href="#contact">Go to Contact Section</a>
<!-- Section -->
<h2 id="contact">Contact Us</h2>
<p>Email us at contact@example.com</p>
Criando links para endereços de e-mail
Você pode criar um link que abre o aplicativo de e-mail do usuário usando mailto: no atributo href.
Exemplo:
<a href="mailto:hello@example.com">
Send an Email</a>
Adicionando dicas de ferramentas aos links
Você pode adicionar uma dica de ferramenta que aparece quando o usuário passa o cursor sobre o link usando o atributo title.
Exemplo:
<a href="https://www.python.org"
title="Visit the Python website">Learn Python</a>
Muito bem!
Parabéns! Você aprendeu a criar links, abri-los em novas abas, criar links para seções específicas e até mesmo criar links para endereços de e-mail. Os links são a base da Web, conectando tudo. Na próxima lição, aprenderemos a adicionar imagens às suas páginas da Web. Prepare-se para deixar suas páginas mais coloridas!
Perguntas Frequentes
A aula “Links: conectando a Web” é grátis?
Sim — o texto completo de “Links: conectando a Web” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de HTML for Kids, atualize para CoddyKit PRO. O curso de HTML for Kids inclui 4 aulas no total.
O que vou aprender em “Links: conectando a Web”?
Aprenda a criar links clicáveis Você pratica HTML for Kids com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar HTML for Kids?
Nenhuma experiência prévia é necessária. HTML for Kids no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 3 de 4.
Quanto tempo leva a aula “Links: conectando a Web”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de HTML for Kids?
Sim. Cada aula de HTML for Kids inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Títulos e parágrafos
- Listas: ordenadas e não ordenadas
- Links: conectando a Web
- Imagens: adicionando imagens à sua página