Utilisation des liens H5-tutoriel HTML-php.cn

Utilisation des liens H5

php中世界最好的语言

Libérer： 2018-04-19 17:12:40

original

15294 Les gens l'ont consulté

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 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 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>

Copier après la connexion

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

Exemple :

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

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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

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

Copier après la connexion

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>

Copier après la connexion

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 :

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>)</title> 
</head>
<body>
<p>创建图片链接:
<a href="/wy/148886.htm">
<img  border="10" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>
<p>无边框的图片链接:
<a href="/wy/148886.htm">
<img border="0" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>
</body>
</html>

Copier après la connexion

Exemple prêt à l'emploi :

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title> </title> 
</head>
<body>
<p>跳出框架?</p> 
<a href="http://www.php.com/" target="_top">点击这里!</a> 
</body>
</html>

Copier après la connexion

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>
<a href="#C4">查看章节 4</a>
</p>
<h2>章节 1</h2>
<p>这边显示该章节的内容……</p>
<h2>章节 2</h2>
<p>这边显示该章节的内容……</p>
<h2>章节 3</h2>
<p>这边显示该章节的内容……</p>
<h2><a id="C4">章节 4</a></h2>
<p>这边显示该章节的内容……</p>
<h2>章节 5</h2>
<p>这边显示该章节的内容……</p>
<h2>章节 6</h2>
<p>这边显示该章节的内容……</p>

Copier après la connexion

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!