Javascript Crée Un Élément Avec Href

| | | | | | | | |

Un lien hypertexte HTML vous permet de naviguer vers une autre page. Une balise définit une ancre. L’attribut "href" spécifie o√π un utilisateur sera dirigé lorsqu’il cliquera sur le lien. Entre la balise et la balise de fermeture se trouve le texte d’ancrage qui sera affiché à l’utilisateur.

Lorsque vous créez une page Web, vous souhaiterez peut-être référencer une autre page Web ou un autre site Web. Par exemple, vous pouvez créer un blog et vouloir créer un lien vers un article que vous jugez pertinent.

Les hyperliens, ou liens, sont utilisés pour lier une page Web à une autre et permettre aux utilisateurs de naviguer rapidement entre plusieurs pages Web. Les hyperliens peuvent être utilisés pour créer des liens vers d’autres pages de votre site ou des pages de différents sites Web.

Dans ce guide , nous allons passez en revue les bases du lien hypertexte en HTML. Nous expliquerons comment définir des objectifs de lien, comment créer des ancres de signet et des liens vers des adresses e-mail et des éléments Web.

Lien hypertexte HTML

Un lien hypertexte HTML pointe vers une autre ressource Web. Un lien hypertexte est défini entre une balise et une balise de fermeture . Le texte entre ces deux balises dirige l’utilisateur vers la ressource Web liée lorsque le lien est cliqué.

Les hyperliens sont créés à l’aide de l’étiquette . Voici la syntaxe d’un hyperlien dans un fichier HTML:

Le texte entre nos balises sera lié à l’URL que nous spécifions dans notre balise d’ouverture. Nous utilisons l’attribut href pour choisir la destination de l’URL. Il peut s’agir d’une URL absolue ou d’un lien absolu tel que https://python.engineering ou d’une URL relative à une partie de notre site.

Voici un exemple de lien pointant vers l’adresse web de la page d’accueil de Python.Engineering:

Types de balises de lien hypertexte HTML

Il existe trois types de liens qui peuvent être visualisés dans un navigateur. Ce sont les suivants:

  • Liens non visités, qui apparaissent en bleu
  • Liens visités, qui apparaissent en violet
  • Liens actifs, qui apparaissent en rouge

Certains sites Web remplacent ces couleurs, ce qui signifie qu’ils apparaissent différemment, mais ce sont les principaux types de liens que vous pouvez définir en HTML.

Lien hypertexte HTML: Cibles

Vous pouvez modifier la façon dont un lien s’ouvre. Par exemple, supposons que vous souhaitiez ouvrir un lien dans un nouvel onglet du navigateur Web de l’utilisateur. Cela garantira que l’utilisateur ne perd pas sa place sur la page Web qu’il consulte actuellement.

C’est ici que l’attribut de lien targetHTML entre en jeu. En utilisant le lien cible, vous pouvez spécifier o√π le navigateur doit ouvrir la ressource à laquelle vous vous êtes connecté.

Il existe quatre types de cibles que vous pouvez utiliser, qui sont les suivantes:

  • _self: visitez la ressource Web dans la même fenêtre et le même onglet. Il s’agit de la destination par défaut utilisée dans les hyperliens HTML.
  • _parent: visitez la ressource Web dans la fenêtre parent.
  • _blank: visitez la ressource Web dans une nouvelle fenêtre ou un nouvel onglet.
  • _top: visitez la ressource Web dans une fenêtre de navigateur complète.

Voici un exemple de certains de ces liens en action:

Hyperlink HTM L: ancres de signet

Les hyperliens en HTML peuvent également faire référence à une partie spécifique d’un document HTML. Ceci est utile si vous avez une longue page Web et que vous souhaitez diriger un utilisateur vers un endroit particulier dans le texte.

Avant de commencer à utiliser des ancres de signet, vous devez d’abord définir un attribut ID sur l’élément que vous souhaitez pour que l’utilisateur s’en aille. Voici un exemple de déclaration d’un attribut ID sur un titre sur une page Web:

Nous avons attribué à la balise HTML header l’id subtitle3, que nous pouvons ensuite utiliser comme référence dans un lien hypertexte.

Voici un exemple d’un hyperlien qui fait référence à cet en-tête:

Au lieu de spécifier une URL dans notre balise href, nous spécifions l’ID de l’élément auquel nous voulons lier. Ajoutons un hachage avant cet identifiant (#) pour que le navigateur sache que le document lié se trouve sur notre page Web.

Balise d’ancrage HTML

Une balise d’ancrage HTML fait référence à la balise. Cette balise relie un utilisateur à une autre ressource Web. L’attribut "href" définit la ressource vers laquelle un utilisateur sera dirigé lorsqu’il cliquera sur le lien.

Exemples de balises d’ancrage HTML

Voyons quelques exemples d’utilisation de la balise HTML .

URL relatives

Si vous créez un lien vers une ressource sur le même document HTML que vous développez, vous pouvez utiliser une URL relative. Les URL relatives sont également appelées liens locaux et n’utilisent pas " https: //www.sitename .com < / a> " syntaxe. Au lieu de cela, les URL relatives pointent vers le chemin de fichier d’une ressource Web spécifique sur le serveur local.

Disons que nous créons un lien sur le site Web de Python.Engineering qui devrait pointer vers notre blog. Au lieu d’utiliser une URL absolue, nous pourrions utiliser une URL locale, car notre site est le site Python.Engineering. Voici le code que nous utiliserions pour créer ce lien:

Lorsque nous cliquons sur le texte du blog Karma de carrière, nous sommes dirigés vers la ressource / blog sur notre site. < / div>

Adresse e-mail

La balise d’ancrage peut également être utilisée pour créer un lien vers une adresse e-mail. Lorsque vous cliquez sur un lien vers une adresse e-mail, le programme de messagerie par défaut de l’utilisateur s’ouvre. L’utilisateur demander s’ils souhaitent envoyer un message à l’adresse e-mail spécifiée.

Pour vous connecter à une adresse e-mail, vous devez démarrer le lien avec le protocole mailto: Voici un exemple de lien vers un e-mail adresse en HTML:

Lorsque nous cliquons sur notre lien, notre programme de messagerie s’ouvre et nous demande d’envoyer un e-mail à " [email protected] ‚".

Lien vers un élément

Le La balise d’ancrage peut être liée à un élément d’une page Web. Vous pouvez créer ce lien en spécifiant l’id de l’élément vers lequel doit pointer l’ancre. Supposons que nous voulions un lien qui amène notre utilisateur à l’en-tête Test Heading sur une page Web. Nous pourrions créer ce lien en utilisant le code suivant:

Lorsque nous cliquons sur notre lien, notre page Web défilera jusqu’à l’élément avec l’id test_heading.

Conclusion

Les hyperliens peuvent être utilisés en HTML pour lier une page Web ou une ressource à une autre. Vous pouvez utiliser des hyperliens pour vous connecter aux ressources de votre site ou de tout autre site Web. Dans ce guide, nous avons expliqué comment utiliser les hyperliens dans un document HTML.

Avec toutes ces informations, vous êtes prêt à créer des hyperliens en HTML comme un maaître !

Pour en savoir plus sur le codage en HTML, lisez notre Comment apprendre le Guide 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