Dans cet article, je vais vous dire Comment créer un lien hypertexte en HTML ? donc si vous voulez en savoir plus, continuez à lire cet article. Parce que je vais vous donner des informations complètes à ce sujet, alors commençons.
Le mot “lien hypertexte” est une combinaison de “hyper,” ce qui signifie “au-delà» ou « terminé » et «lien», qui fait référence à un lien entre deux choses. Dans le contexte du World Wide Web, un hyperlien est une connexion entre deux pages Web ou entre un emplacement spécifique d'une page Web et une autre page Web ou un autre emplacement.
Lorsque vous cliquez sur un lien hypertexte, votre navigateur Web accède automatiquement à la page ou à l'emplacement spécifié par le lien. Les hyperliens sont généralement affichés sous forme de texte bleu souligné, mais ils peuvent également être des images ou des boutons.
Les hyperliens constituent un élément essentiel du World Wide Web, car ils permettent aux utilisateurs de naviguer facilement entre les différentes pages et sites Web. Ils sont également utilisés pour créer des liens au sein d’une seule page Web, permettant aux utilisateurs d’accéder rapidement à des sections spécifiques de la page.
L'article d'aujourd'hui se concentre sur le même sujet, c'est-à-dire « Comment créer un lien hypertexte en HTML ». Les articles contiennent chaque élément d'information que vous devez connaître.
Commençons !✨
Qu'est-ce qu'un lien hypertexte ?
Un lien hypertexte, également appelé lien, est une référence à une page Web ou à un autre contenu qui est activé lorsqu'un utilisateur clique dessus. Les hyperliens sont couramment utilisés pour naviguer entre les pages Web et ils sont souvent affichés sous forme de texte ou d'images soulignés ou mis en évidence d'une manière ou d'une autre.
Les hyperliens sont créés à l'aide du <a> élément en HTML, et ils sont généralement spécifiés à l'aide de l'élément href attribut, qui signifie « référence hypertexte ». Le href L'attribut spécifie l'URL de la page ou du contenu vers lequel le lien hypertexte doit renvoyer.
Par exemple, le code HTML suivant crée un lien hypertexte vers la page d'accueil du site Oflox :
<a href="Lorsque l'utilisateur clique sur le texte « Oflox », son navigateur Web accède à l'URL spécifiée dans le href attribut.
Les hyperliens constituent un élément essentiel du World Wide Web, car ils permettent aux utilisateurs de naviguer facilement entre les différentes pages et ressources en ligne.
Types de lien hypertexte
Il existe plusieurs types d'hyperliens que vous pouvez utiliser en HTML :
- Liens hypertextes externes: Ce sont des hyperliens qui pointent vers un autre site Web. Par exemple, un lien vers Google serait un lien hypertexte externe.
- Hyperliens internes: Il s'agit de liens hypertextes qui pointent vers un emplacement différent au sein du même site Web. Par exemple, un lien vers une section spécifique d’une page serait un lien hypertexte interne.
- Liens hypertextes d’ancrage: Ce sont des hyperliens qui pointent vers un emplacement spécifique au sein de la même page. Ils sont créés à l'aide du '
name'attribut du '<a>' élément. Par exemple:
<a name="top">Top of the page</a>Pour créer un lien vers cette ancre, vous utiliserez le code suivant :
<a href="#top">Jump to the top of the page</a>- Liens hypertextes par courrier électronique: Ce sont des hyperliens qui ouvrent le client de messagerie par défaut sur l'ordinateur de l'utilisateur et créent un nouveau message électronique avec l'adresse e-mail spécifiée dans le champ '
to' champ. Pour créer un lien hypertexte email, vous pouvez utiliser le 'mailto:'protocole dans le'href'attribut du '<a>' élément. Par exemple:
<a href=" an email</a>- Hyperliens téléphoniques: Il s'agit de liens hypertextes qui ouvrent le numéroteur téléphonique par défaut sur l'appareil de l'utilisateur et composent automatiquement le numéro de téléphone spécifié. Pour créer un lien hypertexte téléphonique, vous pouvez utiliser le '
tel:'protocole dans le'href'attribut du '<a>'élément. Par exemple:
<a href=" us</a>Comment fonctionnent les hyperliens ?
Les hyperliens, également appelés liens, sont utilisés pour naviguer entre des pages Web et d'autres ressources en ligne. Lorsqu'un utilisateur clique sur un lien hypertexte, son navigateur Web envoie une requête au serveur hébergeant la page ou la ressource liée, qui renvoie ensuite le contenu demandé au navigateur.
Voici un exemple simple du fonctionnement d'un lien hypertexte :
- Un utilisateur clique sur un lien hypertexte sur une page Web.
- Le navigateur Web de l'utilisateur envoie une requête au serveur hébergeant la page ou la ressource liée.
- Le serveur renvoie le contenu demandé au navigateur Web de l'utilisateur.
- Le navigateur Web affiche la page ou la ressource liée à l'utilisateur.
Les hyperliens sont créés à l'aide du <a> élément en HTML, et ils sont généralement spécifiés à l'aide de l'élément href attribut, qui signifie « référence hypertexte ». Le href L'attribut spécifie l'URL de la page ou du contenu vers lequel le lien hypertexte doit renvoyer.
Par exemple, le code HTML suivant crée un lien hypertexte vers la page d'accueil du site Oflox :
<a href="Lorsque l'utilisateur clique sur le texte « Oflox », son navigateur Web enverra une requête au serveur hébergeant le site Web Oflox, qui renverra ensuite le contenu de la page d'accueil au navigateur. Le navigateur affichera alors la page d'accueil à l'utilisateur.
Comment créer un lien hypertexte en HTML ?
Pour créer un lien hypertexte en HTML, vous pouvez utiliser le <a> élément. Le <a> L'élément signifie « ancre » et il est utilisé pour créer un lien hypertexte vers une autre page Web ou un emplacement spécifique sur la même page.
Voici un exemple de création d'un lien hypertexte en HTML :
<a href=" text</a>
Dans cet exemple, “http://www.exemple.com” est l'URL de la page vers laquelle vous souhaitez créer un lien et ” Texte du lien ” est le texte qui sera affiché sous forme de lien hypertexte.
Vous pouvez également utiliser le 'target' pour spécifier comment le document lié doit être ouvert. Par exemple, vous pouvez utiliser cible = “_blank” pour ouvrir le document lié dans un nouvel onglet ou une nouvelle fenêtre.
<a href=" target="_blank">Link text</a>Vous pouvez également créer un lien hypertexte vers un emplacement spécifique sur la même page en utilisant le id attribut et le '#' symbole dans le 'href' attribut.
<a href="#section1">Jump to Section 1</a>
...
<h2 id="section1">Section 1</h2>
Dans cet exemple, le lien hypertexte amènera l'utilisateur vers l'élément avec le id de « section1 » lorsque vous cliquez dessus.
A lire aussi 🙂
J'espère donc que vous avez aimé cet article sur Comment créer un lien hypertexte en HTML ? Et si vous avez encore des questions ou des suggestions à ce sujet, vous pouvez nous le faire savoir dans la zone de commentaires ci-dessous. Et merci beaucoup d’avoir lu cet article.