O que é um link HTML?

O que é um link em linguagem HTML

Link, em inglês, significa ligação, elo ou conexão.

E é isso que os links fazem em HTML, eles conectam uma página da internet até outra, eles levam o usuário de um local a outro.

Um link pode ser um uma página HTML, uma imagem, um e-mail, um endereço de FTP etc.

Os links são, portanto, um endereço, uma referência de um 'local' para outro.

Para que serve um link

Com certeza já entrou em algum site de notícia, deu uma olhada e clicou naquilo que mais te interessa.

Esse local onde você clicou é um link, que pode estar em forma de texto (geralmente sublinhado) ou uma imagem.

Quando posicionamos o mouse em cima de link, a seta do mouse geralmente vira uma 'mãozinha', o que sinaliza ao usuário leigo que aquilo é um link.

Você usa um link quando procura algo no google, e clica no resultado desejado.

Quando abre seu e-mail, e clica em "Caixa de Entrada", está usando um link.

Também quando clica em 'curtir' no Facebook, está usando um link também.

Enfim, poderíamos criar um site somente para falar sobre o uso e importância dos links, mas com certeza você já deve ter certeza disso.

Portanto, durante todo nosso curso de HTML, vamos falar dos links, tags que envolvem links, atributos e várias outras coisas que envolvem links.

A tag âncora <a> </a> - Como criar um link em HTML

Sim, para criar um link vamos usar mais uma tag, chamada anchor tag: <a>

Porém, você não verá seu uso sozinha, sem atributos.

Como dissemos previamente, o uso dos links são inúmeros, bem como a quantidade de atributos dessa tag.

Por hora, nesse artigo de HTML, vamos aprender a maneira mais simples e usar de criar um link, com o atributo href.

A sintaxe é:

<a href="URL do site"> Texto visível </a>

Ou seja, se você estudou os outros tutoriais de nosso curso, não verá nenhum problema sobre o uso dessa tag.

Vamos criar o código de um link para o HTML Progressivo, o código seria:

<a href="http://www.htmlprogressivo.net/"> HTML Progressivo </a>

E o que veríamos, na prática, seria: HTML Progressivo