Liens HTML
Ce tutoriel couvrira les façons suivantes d'utiliser les liens HTML:
- Le Tag pour spécifier un lien.
- Le Tag dans le Tag pour utiliser une image comme un lien.
- Le cible attribuer Tag pour spécifier la fenêtre où vous souhaitez ouvrir le site, document lié, etc.
- Le href attribuer à l'intérieur Tag pour spécifier le lien de la destination ciblée.
- Le sur clic Méthode à utiliser le bouton comme lien
Tag html
C'est un hyperlien utilisé pour passer d'une page Web à une autre, il faut un attribut href Pour spécifier l'adresse de destination. Par défaut, le lien sera ouvert dans la fenêtre actuelle du navigateur, mais ce comportement peut être modifié à l'aide du cible attribut.
Exemple
Créons un hyperlien pour passer du document actuel au Linuxhint.com:
Liens dans HTML
Cliquez sur le lien nous dirigera vers Linuxhint.com:
Attribut cible HTML
Dans l'exemple donné ci-dessus, nous avons remarqué que lorsque nous cliquons sur le lien, le site Web lié s'est ouvert dans la même fenêtre. La fenêtre cible peut être modifiée pour le lien spécifié en utilisant le cible attribut.
L'attribut cible peut utiliser l'une des valeurs suivantes pour définir la fenêtre cible où le lien sera ouvert:
_soi: Pour ouvrir le lien sur la même fenêtre
_blanc: Ouvre le lien sur la nouvelle fenêtre
Si nous n'avons pas spécifié l'attribut cible, par défaut, le lien sera ouvert à l'aide du "_soi" valeur I.e. sur la même page.
Exemple Prenons les lignes de code suivantes pour comprendre comment "_blanc" La valeur fonctionne:
Liens dans HTML
La sortie suivante vérifiera que le lien est ouvert dans un nouvel onglet:
Attribut HTML HREF
href peut être utilisé pour spécifier le URL absolues ou la Liens relatifs. Le URL absolue fait référence à l'adresse complète du site Web E.g. «Https: // www.linuxhint.com / ”et est généralement utilisé pour relier les ressources sur d'autres sites. Par exemple, l'exemple ci-dessus prend une adresse qui nous dirige vers Linuxhint.com.
Alors que liens relatifs reportez-vous à un lien local et sont généralement utilisés pour lier les ressources du même site Web.
Exemple Le code indiqué ci-dessous a un lien absolu pour «Linuxhint.com »et un lien local pour une image« Linux.png ”:
Liens dans HTML
L'extrait ci-dessus générera la sortie suivante:
Image comme lien
Afin d'utiliser l'image comme un lien, nous devons spécifier le Tag dans le étiqueter.
Exemple Le code indiqué ci-dessous créera une image, en cliquant sur l'image ouvrira le lien spécifié.
Image HTML comme lien
Cliquer sur l'image accédera à Linuxhint.com
Nous obtiendrons la sortie suivante:
Bouton comme lien
Dans HTML, une balise peut être utilisée pour créer un bouton et un lien peut être spécifié dans la balise de bouton à l'aide de l'événement OnClick.
Exemple Cet exemple créera un bouton et cliquer sur le bouton ouvrira un nouveau lien:
Image HTML comme lien
Cliquez sur le bouton accéder à Linuxhint.com
Voici la sortie:
Conclusion
Le La balise est utilisée pour spécifier un lien dans HTML à l'aide de son attribut HREF qui est utilisé pour déterminer l'adresse de liaison et l'attribut cible est utilisé pour spécifier l'onglet cible I.e. Lien d'ouverture dans l'onglet actuel ou dans un nouvel onglet. Cet article fournit un aperçu complet des liens dans HTML. Il explique la différence entre le chemin absolu et le chemin relatif. Il a également décrit comment utiliser l'image et le bouton comme un lien.