Utilisation des liens H5

Cette fois je vais vous présenter l'utilisation des liens H5. Quelles sont les précautions lors de l'utilisation des liens H5. Voici des cas pratiques, jetons un oeil. Le

Lien HTML peut être considéré comme une manifestation de la vitalité d'un document HTML. Seuls les liens HTML peuvent rendre l'ensemble du document HTML plus flexible. volonté et trouvez votre contenu préféré.

HTML utilise des hyperliens pour se connecter à un autre document sur le Web. Des liens peuvent être trouvés sur presque toutes les pages Web. Cliquez sur un lien pour passer d'une page à une autre.

HTMLLien hypertexte :

HTML utilise la balise 3499910bf9dac5ae3c52d5ede7383485 pour mettre en place des liens hypertextes.

Un lien hypertexte peut être un mot, un mot, un groupe de mots ou une image. Vous pouvez cliquer sur ce contenu pour accéder à un nouveau document ou à une certaine partie du document actuel.

Lorsque vous déplacez le pointeur de votre souris sur un lien sur une page Web, la flèche se transforme en une petite main.

L'attribut href est utilisé dans la balise 3499910bf9dac5ae3c52d5ede7383485 pour décrire l'adresse du lien.

Par défaut, le lien apparaîtra dans le navigateur comme :

Un lien non visité apparaît en bleu et souligné.

Les liens visités apparaissent en violet et soulignés.

Lorsque vous cliquez sur un lien, il apparaît en rouge et souligné.

Remarque : Si des styles CSS sont définis pour ces hyperliens, le style d'affichage sera affiché en fonction des paramètres CSS.

Syntaxe du lien HTML :

<a href="url">链接文本</a>

L'attribut href décrit la cible du lien.

Exemple :

<a href="/"></a>

Implémenter l'affichage du code : visitez le didacticiel Yiju

Le lien ci-dessus peut diriger les utilisateurs vers la page d'accueil des didacticiels Yiju.

Ce que nous devons noter ici, c'est que le « texte du lien » ne doit pas nécessairement être du texte. Des Images ou d'autres éléments HTML peuvent devenir des liens.

Lien HTML - attribut cible

À l'aide de l'attribut target, vous pouvez définir où le document lié doit être affiché.

<a href="http://www.php.com/" target="_blank">访问</a>

Définissez le lien comme page d'accueil du lien et l'attribut cible est vide, ce qui signifie que le lien ouvrira la page d'accueil dans une nouvelle fenêtre.

Lien HTML - attribut id

L'attribut id peut être utilisé pour créer des balises de signet dans un document HTML.
Conseil : les signets ne sont pas affichés de manière particulière et ne sont pas affichés dans les documents HTML, ils sont donc masqués aux lecteurs.
Exemple :

Insérer l'ID dans le document HTML :

<a id="tips">有用的提示部分</a>

Créez un lien vers la "Section Conseils utiles (id="tips")" dans le document HTML :

<a href="#tips">访问有用的提示部分</a>

Vous pouvez également créer un lien vers la "Section Conseils utiles (id="tips")" depuis une autre page :

<a href="http://www.php.cn/html/html-links.html#tips">
访问有用的提示部分</a>

Choses à noter :

Remarque : ajoutez toujours des barres obliques aux sous-dossiers. Si vous écrivez le lien comme ceci : href="http://www.runoob.com/html", deux requêtes HTTP seront générées vers le serveur. En effet, le serveur ajoutera une barre oblique à l'adresse, puis créera une nouvelle requête, comme celle-ci : href="http://www.111cn.com/html/"

Exemple de lien d'image :

76c82f278ac045591c9159d381de2c57
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e 
4d0d87937f6c83b675e896c64d3eb7c9 
b2386ffb911b14667cb8f0f91ea547a7)6e916e0f7d1e588d4f442bf645aedb2f 
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
e388a4556c0f65e1904146cc1a846bee创建图片链接:
488640cf767a97efdc20f568dcd2c31f
67cc71036babe836bcaf3cc3cccac3e95db79b134e9f6b82c0b36e0489ee08ed94b3e26ee717c64999d7867364b1b4a3
e388a4556c0f65e1904146cc1a846bee无边框的图片链接:
488640cf767a97efdc20f568dcd2c31f
f53d2288983007e7e822d30a5ebb6baa5db79b134e9f6b82c0b36e0489ee08ed94b3e26ee717c64999d7867364b1b4a3
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

Exemple prêt à l'emploi :

76c82f278ac045591c9159d381de2c57
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e 
4d0d87937f6c83b675e896c64d3eb7c9 
b2386ffb911b14667cb8f0f91ea547a7 6e916e0f7d1e588d4f442bf645aedb2f 
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
e388a4556c0f65e1904146cc1a846bee跳出框架?94b3e26ee717c64999d7867364b1b4a3 
ca21c75a15e42d50348cfc8abd6c698a点击这里!5db79b134e9f6b82c0b36e0489ee08ed 
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

La page spécifiée actuelle renvoie à l'emplacement spécifié :

76c82f278ac045591c9159d381de2c57
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
4d0d87937f6c83b675e896c64d3eb7c9
b2386ffb911b14667cb8f0f91ea547a76e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
e388a4556c0f65e1904146cc1a846bee
504c4cbc17218479f44e5f1bfe9e8840查看章节 45db79b134e9f6b82c0b36e0489ee08ed
94b3e26ee717c64999d7867364b1b4a3
c1a436a314ed609750bd7c7d319db4da章节 12e9b454fa8428549ca2e64dfac4625cd
e388a4556c0f65e1904146cc1a846bee这边显示该章节的内容……94b3e26ee717c64999d7867364b1b4a3
c1a436a314ed609750bd7c7d319db4da章节 22e9b454fa8428549ca2e64dfac4625cd
e388a4556c0f65e1904146cc1a846bee这边显示该章节的内容……94b3e26ee717c64999d7867364b1b4a3
c1a436a314ed609750bd7c7d319db4da章节 32e9b454fa8428549ca2e64dfac4625cd
e388a4556c0f65e1904146cc1a846bee这边显示该章节的内容……94b3e26ee717c64999d7867364b1b4a3
c1a436a314ed609750bd7c7d319db4dae95dae2588e6a511ff187a778829a59c章节 45db79b134e9f6b82c0b36e0489ee08ed2e9b454fa8428549ca2e64dfac4625cd
e388a4556c0f65e1904146cc1a846bee这边显示该章节的内容……94b3e26ee717c64999d7867364b1b4a3
c1a436a314ed609750bd7c7d319db4da章节 52e9b454fa8428549ca2e64dfac4625cd
e388a4556c0f65e1904146cc1a846bee这边显示该章节的内容……94b3e26ee717c64999d7867364b1b4a3
c1a436a314ed609750bd7c7d319db4da章节 62e9b454fa8428549ca2e64dfac4625cd
e388a4556c0f65e1904146cc1a846bee这边显示该章节的内容……94b3e26ee717c64999d7867364b1b4a3

Je pense que vous êtes très excité après avoir vu les exemples. Dépêchez-vous et ouvrez l' éditeur pour y jeter un œil.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

jquery implémente la sélection de tout et la sélection unique inverse

jQuery exploite l'effet d'animation de dégradé de couleur d'arrière-plan

Le plug-in jQuery FusionCharts dessine un diagramme circulaire

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!