Javascript Criar Elemento com Href

| | | | | | | | |

Aqui está um exemplo de um link apontando para o endereço web da página inicial do Karma Career:

Tipos de tags de link HTML

Existem três tipos de links que podem ser visualizados em um navegador. São eles:

Alguns sites substituem essas cores, o que significa que elas aparecem de forma diferente, mas esses são os principais tipos de links que você pode definir em HTML hiperlink HTML

.: targets

Você pode alterar a maneira como um link é aberto . Por exemplo, digamos que você queira abrir um link em uma nova guia no navegador da web do usuário. Isso garantirá que o usuário não perca seu lugar na

página da Web que está visualizando no momento. É aqui que entra o atributo de link targetHTML. Usando o link destino, você pode especificar onde o navegador deve abrir o recurso ao qual você se conectou

>

Existem quatro tipos de alvos que você pode usar, que são:.

Aqui está um exemplo de alguns desses links em ação:

Hyperlink HTM L: âncoras de favoritos

Hyperlinks HTML também podem se referir a uma parte específica de um HTML documento. Isso é útil se você tiver uma página da Web longa e quiser direcionar um usuário para um local específico no texto.

Antes de começar a usar âncoras Para marcadores, você deve primeiro definir um atributo de ID no elemento que deseja o usuário para onde ir. Aqui está um exemplo de declaração de um atributo de ID em um título em uma página da web:

atribuímos a tag de cabeçalho HTML com o id subtitle3, que podemos usar como referência em um link .

Aqui está um exemplo de link que faz referência a este cabeçalho:

em vez de especificar um URL em nosso href tag, especificamos o ID do item ao qual queremos vincular. Vamos trazer o hash antes do id (#) para que o navegador saiba que o documento vinculado está em nossa página da web.

Tag âncora HTML

Uma tag âncora HTML refere-se ao rótulo. Essa tag vincula um usuário a outro recurso da web. O atributo "href" define o recurso para o qual um usuário será direcionado quando clicar no link.

Exemplos de tags de âncora HTML

vejamos alguns exemplos de uso da tag HTML.

URLs relativos

Se você estiver vinculando a um recurso no mesmo documento HTML que está desenvolvendo, poderá usar um URL relativo. URLs relativos também são chamados de links locais e não usam " https: //www.sitename .com " sintaxe. em vez disso, as URLs relativas apontando para um recurso da Web de caminho de arquivo específico no servidor local.

Digamos que criamos um link no site da carreira Karma que deve apontar para o nosso blog. Em vez de usar uma URL absoluta, podemos usar uma URL local, pois nosso site é o site Karma Career. Aqui está o código que usaríamos para criar este link:

Quando clicamos no texto Karma career blog, fomos direcionados para o recurso / blog em nosso site

endereço de e-mail

A marca âncora também pode ser usada para vincular a um endereço de e-mail . Quando você clica em um link para um endereço de e-mail , o programa de e-mail padrão do usuário é aberto. a . será perguntado ao usuário se deseja enviar uma mensagem para o endereço de e-mail especificado

para se conectar a um endereço de e-mail, você deve iniciar o link com o protocolo mailto: Aqui está um exemplo de um link para um e-mail endereço em HTML:

Quando clicamos em nosso link, nosso programa de e-mail abre e nos pede para enviar um e-mail para " [email protected] " O. âncora pode vincular a um elemento em uma página da web. Você pode criar esse link especificando o ID do elemento para o qual a âncora deve apontar. Suponha que queremos um link que leve nosso usuário ao cabeçalho Teste de tópico em uma página da web. Poderíamos criar este link usando o seguinte código:

Ao clicar em nosso link, nossa página da web rola até o item com id test_heading .

conclusão

hiperlinks podem ser usados em HTML para associar uma página da Web ou outro recurso. Você pode usar hiperlinks para se conectar a recursos em seu site ou em qualquer outro site.In neste guia, explicamos como usar hiperlinks em um documento HTML.

Com todas essas informações, você está pronto para criar hiperlinks HTML como um mestre!

Para saber mais sobre codificação em HTML, leia nosso Guia de como aprender HTML .

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method