Maison interface Web tutoriel HTML Tutoriel sur l'utilisation des balises de lien hypertexte dans la production de pages XHTML_HTML/Xhtml_Web

Tutoriel sur l'utilisation des balises de lien hypertexte dans la production de pages XHTML_HTML/Xhtml_Web

May 16, 2016 pm 04:46 PM
xhtml 超链接


Hyperlien, également appelé « lien ». On peut dire que les hyperliens sont présents partout sur les pages Web que nous parcourons. Lorsque nous cliquons sur une adresse de lien sur une page Web, celle-ci renvoie vers une autre page Web. C'est ainsi que fonctionnent les hyperliens.
Utilisez la balise pour définir un lien hypertexte, syntaxe :
Texte ou image affiché
Exemple :

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. <a href="http://www .baidu.com/">Lien vers Baidua>

Effet d'affichage du navigateur :
Lien vers Baidu
Lorsque nous cliquons sur les mots « Lien vers Baidu » ci-dessus, le navigateur sera redirigé vers la page d'accueil de Baidu.


Attribut de lien hypertexte
Attribut de lien hypertexte :
adresse du lien href. Il peut s'agir d'une adresse Web absolue ou d'une adresse relative.
cible du lien cible. Une valeur de _blank ouvrira l'adresse du lien dans une nouvelle fenêtre. Par défaut, la fenêtre actuelle sera utilisée pour ouvrir l'adresse du lien.
lien d'ancrage du nom, nous en parlerons séparément ci-dessous.

Adresse relative du lien web :

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. <a href="/css" target="_blank">Tutoriel CSS DIV a> 

Cet exemple utilise une adresse relative, tandis que l'exemple de lien vers Baidu ci-dessus utilise une adresse absolue.

Exemple d'attribut cible ajouté :

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. <a href="http://www .baidu.com/" cible="_blank">lien À Baidu a>

Lorsque vous cliquez à nouveau sur le lien, le navigateur permettra à une nouvelle page d'ouvrir l'adresse du lien, tandis que la fenêtre de la page d'origine sera conservée.
Conseils
Lorsqu'une adresse de lien n'est pas très étroitement liée au sujet ou au processus en cours, l'attribut target="_blank" est généralement activé. Sinon, essayez de ne pas ouvrir une nouvelle fenêtre afin de donner aux téléspectateurs une vue conviviale. expérience de navigation.
Si la page est composée de plusieurs frames de page, l'attribut cible peut également avoir d'autres valeurs

Lien hypertexte d'e-mail
Exemple de lien d'e-mail :

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. <a href="mailto:admin@xyz .com">Contactez le webmaster de la station xyza>

Cliquer sur ce lien permettra de rédiger des e-mails dans votre client de messagerie par défaut.

Lien d'ancrage
Le lien d'ancrage fait référence au lien dans la page, mais maintenant de nombreuses personnes appellent également les hyperliens textuels des liens d'ancrage.
Prenons un exemple pour expliquer le rôle des ancres :
Par exemple, nous avons un article bien écrit, et de nombreuses personnes ont commenté à la fin de l'article, et la fenêtre de commentaire est généralement en bas du commentaire. Le site Web définira un lien d'ancrage là où le commentaire est publié et concevra un lien vers le lien d'ancrage où le commentaire est affiché, tel que : "Publier un commentaire". Si quelqu'un ne souhaite pas voir les commentaires laissés par d'autres et souhaite accéder immédiatement à la fenêtre de saisie des commentaires, cliquez sur « Publier un commentaire » pour accéder rapidement à la fenêtre de saisie des commentaires dans l'industrie. Cette conception améliore sans aucun doute l’expérience utilisateur des téléspectateurs.
Exemple d'utilisation d'un lien d'ancrage
Création d'une ancre :

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. <p><a nom="commentaire">a >p>

Créer une adresse hyperlien reliant à l'ancre :

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. <p><a href="#comment">Lien vers l'ancre de commentairea>p> 

Comme vous pouvez le voir sur l'exemple, pour accéder à une ancre, ajoutez simplement le signe "#" et le nom de l'ancre après l'adresse du lien. Dans l'exemple ci-dessus, puisqu'il s'agit d'une ancre renvoyant vers cette page, l'adresse du lien précédent est ignorée (remarque : l'adresse relative est en fait ignorée et ne sera pas discutée ici).
Astuce
Si vous souhaitez expérimenter l'utilisation de cette balise d'ancrage, veillez à conserver suffisamment d'espace web entre le lien hypertexte vers l'ancre et la balise d'ancrage pour voir l'effet. Vous pouvez utiliser les balises de saut de ligne que nous avons apprises ci-dessus pour créer suffisamment d'espace blanc au-dessus et en dessous pour tester.
Vous pouvez également créer une balise d'ancrage qui renvoie vers d'autres pages, par exemple :

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. <p><a href="http://www.abc.com/#test">Lien vers l'ancrea>p>

Bien sûr, la page www.abc.com doit avoir la balise d'ancrage de test, sinon elle ne fera qu'un lien vers la page www.abc.com et ignorera la balise d'ancrage.

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Résoudre le problème de l'impossibilité d'ouvrir les hyperliens Résoudre le problème de l'impossibilité d'ouvrir les hyperliens Feb 18, 2024 am 09:57 AM

Comment résoudre le problème de l'impossibilité d'ouvrir les hyperliens Avec le développement rapide d'Internet, les hyperliens sont devenus un élément indispensable de notre vie quotidienne. Nous voyons et utilisons souvent des hyperliens sur diverses plateformes telles que des pages Web, des e-mails et des réseaux sociaux. Cependant, nous pouvons parfois rencontrer des problèmes avec des hyperliens qui ne s'ouvrent pas, ce qui nous rend confus et frustrés. Dans cet article, nous aborderons les raisons pour lesquelles les hyperliens ne peuvent pas être ouverts et leurs solutions, dans l'espoir de vous aider à résoudre ce problème. Tout d’abord, comprenons les raisons possibles pour lesquelles les hyperliens ne peuvent pas être ouverts. Voici quelques exemples courants

Que dois-je faire si WPS ne parvient pas à ouvrir un lien hypertexte ? Solution au lien hypertexte WPS qui ne s'ouvre pas Que dois-je faire si WPS ne parvient pas à ouvrir un lien hypertexte ? Solution au lien hypertexte WPS qui ne s'ouvre pas Mar 13, 2024 pm 08:40 PM

Lorsque beaucoup de nos amis utilisent WPS pour modifier du contenu, ils ajoutent parfois des hyperliens vers un texte spécifique. Récemment, certains amis ont signalé que les hyperliens WPS ne peuvent pas être ouverts et il est impossible de cliquer pour y accéder après avoir utilisé de nombreuses méthodes. Dans ce tutoriel logiciel, l'éditeur partagera les solutions spécifiques, en espérant aider la majorité des utilisateurs. Solutions pour les hyperliens WPS qui ne peuvent pas être ouverts : Méthode 1 : Déplacez la souris sur le lien hypertexte pour voir s'il devient cliquable 1. Ouvrez le logiciel, cliquez sur « Fichier » dans le coin supérieur gauche de la page et sélectionnez « Options ». dans le menu ci-dessous. 2. Après être entré dans la nouvelle interface, cliquez sur « Modifier&rdq » à gauche

Impossible d'ouvrir le lien hypertexte dans un document Word Impossible d'ouvrir le lien hypertexte dans un document Word Feb 18, 2024 pm 06:10 PM

Ces dernières années, avec le développement continu de la technologie des réseaux, nos vies sont indissociables des divers outils numériques et d'Internet. Lors du traitement de documents, notamment par écrit, nous utilisons souvent des documents Word. Cependant, nous pouvons parfois rencontrer un problème difficile, c'est-à-dire que le lien hypertexte dans le document Word ne peut pas être ouvert. Cette question sera discutée ci-dessous. Tout d'abord, nous devons préciser que les hyperliens font référence à des liens ajoutés dans des documents Word vers d'autres documents, pages Web, répertoires, signets, etc. Lorsque nous cliquons sur ces liens, je

Pourquoi le lien hypertexte ne peut-il pas être ouvert ? Pourquoi le lien hypertexte ne peut-il pas être ouvert ? Feb 22, 2024 pm 03:33 PM

En tant qu'élément commun des pages Web, les hyperliens sont souvent utilisés pour pointer vers d'autres pages Web, fichiers ou emplacements spécifiques. Cependant, nous rencontrons parfois une situation dans laquelle un lien hypertexte ne peut pas être ouvert, ce qui peut être dû à plusieurs raisons. Premièrement, l’échec de l’ouverture d’un lien hypertexte peut être dû à une adresse de lien incorrecte. Lors de la création d'un lien hypertexte, nous devons nous assurer que l'adresse du lien est correcte. Si l'adresse contient des caractères spéciaux ou des espaces, le lien risque de ne pas s'ouvrir. De plus, si l'adresse du lien change ou si le fichier cible a été déplacé ou supprimé, le lien ne sera pas ouvert.

Outlook se bloque lors de l'insertion d'un lien hypertexte Outlook se bloque lors de l'insertion d'un lien hypertexte Feb 19, 2024 pm 03:00 PM

Si vous rencontrez des problèmes de blocage lors de l'insertion de liens hypertexte dans Outlook, cela peut être dû à des connexions réseau instables, à d'anciennes versions d'Outlook, à des interférences provenant d'un logiciel antivirus ou à des conflits de compléments. Ces facteurs peuvent empêcher Outlook de gérer correctement les opérations de liens hypertexte. Corriger le blocage d'Outlook lors de l'insertion d'hyperliens Utilisez les correctifs suivants pour corriger le blocage d'Outlook lors de l'insertion d'hyperliens : Vérifiez les compléments installés Mettre à jour Outlook Désactivez temporairement votre logiciel antivirus, puis essayez de créer un nouveau profil utilisateur Réparer le programme des applications Office Désinstaller et réinstaller Office Commençons. 1] Vérifiez les compléments installés. Il se peut qu'un complément installé dans Outlook soit à l'origine du problème.

Comment remplacer une adresse URL dans une chaîne par un lien hypertexte en PHP à l'aide d'expressions régulières Comment remplacer une adresse URL dans une chaîne par un lien hypertexte en PHP à l'aide d'expressions régulières Jun 22, 2023 pm 02:22 PM

Avec la popularité d’Internet, les gens sont de plus en plus inséparables d’Internet dans leur vie quotidienne et ont de plus en plus besoin du soutien des pages Web. Dans les pages Web, une opération très courante consiste à convertir l’adresse URL en lien hypertexte. En PHP, on peut utiliser des expressions régulières pour réaliser cette opération. Examinons ensuite la méthode de mise en œuvre spécifique. 1. Utilisez des expressions régulières pour faire correspondre les URL. Avant d'utiliser des expressions régulières pour remplacer les URL par des hyperliens, nous devons utiliser des expressions régulières pour faire correspondre les URL. Les règles de correspondance spécifiques sont les suivantes : $patter

Tutoriel sur la façon d'insérer des hyperliens dans les diapositives PPT pour sauter la lecture Tutoriel sur la façon d'insérer des hyperliens dans les diapositives PPT pour sauter la lecture Mar 26, 2024 pm 02:51 PM

1. Ouvrez un PPT ou créez un PPT nécessitant des hyperliens. 2. Sélectionnez le contenu qui doit être inséré dans un lien hypertexte. Par exemple, nous sélectionnons le mot « fleur » et y insérons un lien hypertexte. 3. Cliquez sur Insérer dans la barre de menu, recherchez le lien hypertexte dans la colonne Lien et cliquez sur le lien hypertexte. 4. Une fenêtre apparaîtra, avec le lien sur la gauche pour sélectionner l'emplacement dans ce document, puis chaque diapositive du PPT apparaîtra. 5. Vous pouvez sélectionner la diapositive que vous souhaitez lier, cliquer une fois et le mode d'aperçu de cette diapositive apparaîtra sur la droite. 6. Avec le lien hypertexte, la couleur de la police changera. Il nous suffit de cliquer sur le mot hyperlien lors de la lecture de la diapositive, et la diapositive sera automatiquement lue sur la diapositive vers laquelle nous avons mentionné le lien.

Savez-vous comment mettre en place des hyperliens ppt ? Savez-vous comment mettre en place des hyperliens ppt ? Mar 20, 2024 am 11:40 AM

Les hyperliens PPT peuvent accéder rapidement à un site Web spécifié ou ouvrir un fichier spécifié, ou accéder directement à une certaine page, améliorant ainsi l'efficacité et rendant la lecture plus flexible. Alors, comment mettre en place des hyperliens ? Ici, je vais partager avec vous comment configurer des hyperliens en ppt. Ensuite, l’apprentissage est sur le point de commencer. Êtes-vous prêts, étudiants ? Les étapes sont les suivantes : 1. Tout d'abord, nous devons ouvrir la diapositive Microsoft PowerPoint sur l'ordinateur, puis saisir le contenu du texte pour lequel nous souhaitons définir un lien hypertexte dans la diapositive. (Comme le montre l'image) 2. Ensuite, nous utilisons la souris pour sélectionner le contenu du texte sur lequel nous voulons définir un lien hypertexte, puis nous cliquons sur le [bouton droit] de la souris et sélectionnons l'option [Lien hypertexte] dans le champ [Déposer". -Menu bas].

See all articles