Maison > interface Web > tutoriel HTML > Article pour débutants : Comment créer un lien à l'aide de la balise (partage)

Article pour débutants : Comment créer un lien à l'aide de la balise (partage)

奋力向前
Libérer: 2021-07-30 17:15:48
original
5492 Les gens l'ont consulté

Dans l'article précédent "Vous apprendre étape par étape comment utiliser la balise img pour ajouter des effets d'image (connaissances)", je vous ai présenté comment utiliser la balise img pour ajouter des effets d'image. L'article suivant vous montrera comment créer un lien de clic <a>. Débutants, veuillez y jeter un oeil. <a></a>

Article pour débutants : Comment créer un lien à l'aide de la balise <a> (partage)

<a> balise : Il s'agit d'une balise de lien hypertexte en HTML, apparaissant généralement par paires de "<a></a>". <a></a>”成对的形式出现。

<a>功能:就是跳转页面,通过单击一行文字跳转新页,它是HTML的核心功能。

href属性:指定链接地址,在<a></a>元素内部指定要显示的文字。

代码示例如下

<a href="https://www.php.cn">php中文网</a>
Copier après la connexion

代码效果图如下

Article pour débutants : Comment créer un lien à laide de la balise <a> (partage)

<a>不但可以包含文字,还可以包含其他元素,比如<h1>

代码示例如下

<a href="https://www.php.cn">
<h1>我是PHP中文</h1>
</a>
Copier après la connexion

代码效果图如下

Article pour débutants : Comment créer un lien à laide de la balise <a> (partage)

<a>可以包含图片(之前的文章有详细说图片元素)。

代码示例如下

<a href="https://www.php.cn">
<img  src="https://img.php.cn/upload/image/682/458/838/1627535900680707.jpg"    style="max-width:90%"  style="max-width:90%" alt="Article pour débutants : Comment créer un lien à l'aide de la balise <a> (partage)" >
</a>
Copier après la connexion

代码效果图如下

(partage)" title="162763474027335Article pour débutants : Comment créer un lien à laide de la balise <a> (partage)" alt="Article pour débutants : Comment créer un lien à laide de la balise <a> (partage)"/>

单击上面任何一个链接,会发现新页面都会在当前页打开,当前页会被覆盖。有时我们不想谑当前页被覆盖掉,能不能让它在新标签页里打开呢?

没问题,我们可以用target属性指定单击跳转方式。

target属性:一共有以下几个值,其中前两项最常用

  • _blank:在新窗口中打开;

  • _self:默认。在相同的框架中打开;

  • _parent:在父框架集中打开;

  • _top:在整个窗口中打开。

parent和top两项涉及<iframe>元素,可以暂时忽略,一般我们只是经常用到target=&#39;_self&#39;target=&#39;_blank&#39;,分别用于在当前页面打开,和在一个新的页面打开。

现在我给大家代码示例加上target=”_blank”

<a> Fonction :

consiste à accéder à une page. Cliquez sur une ligne de texte pour accéder à une nouvelle page.

Attribut href : Spécifiez l'adresse du lien et spécifiez le texte à afficher à l'intérieur de l'élément <a>.

L'exemple de code est le suivant🎜
<a href="https://www.php.cn"target=”_blank”>php中文网</a>
Copier après la connexion
🎜Le rendu du code est le suivant🎜🎜Article pour débutants : Comment créer un lien à laide de la balise <a> (partage)🎜🎜<a></a> peut non seulement contenir du texte, mais aussi d'autres éléments, tels que <h1>🎜🎜L'exemple de code est le suivant 🎜rrreee🎜Le rendu du code est le suivant🎜🎜10. jpg🎜🎜<a> peut contenir des images (l'article précédent détaille les éléments de l'image). 🎜🎜L'exemple de code est le suivant🎜rrreee🎜Le rendu du code est le suivant🎜🎜Article pour débutants : Comment créer un lien à laide de la balise <a> (partage)🎜🎜Cliquez sur l'un des liens ci-dessus et vous constaterez qu'une nouvelle page s'ouvrira sur la page actuelle et que la page actuelle sera écrasée. Parfois, nous ne voulons pas que la page actuelle soit écrasée. Pouvons-nous la laisser s'ouvrir dans un nouvel onglet ? 🎜🎜Pas de problème, nous pouvons utiliser l'attribut target pour spécifier la méthode de saut par clic. 🎜🎜🎜attribut cible🎜 : Il existe un total des valeurs suivantes, parmi lesquelles les deux premières sont les plus couramment utilisées🎜
  • 🎜_blank  : dans Ouvrir dans une nouvelle fenêtre ; 🎜
  • 🎜_self : Par défaut. Ouvrir dans le même cadre ; 🎜
  • 🎜_parent : ouvrir dans l'ensemble de cadres parent ; 🎜
  • 🎜_top : dans Ouvrez toute la fenêtre. 🎜
🎜parent et top impliquent des éléments <iframe> et peuvent être ignorés temporairement. Généralement, nous utilisons simplement souvent target='_self'. et target='_blank' sont utilisés respectivement pour ouvrir dans la page actuelle et dans une nouvelle page. 🎜🎜Maintenant, j'ajoute target="_blank" à l'exemple de code🎜🎜Exemple de code🎜rrreee🎜Ce lien ne changera pas visuellement, mais cliquer dessus ouvrira la nouvelle page à onglet. Ouvrez l'adresse du lien dans . 🎜🎜Apprentissage recommandé : 🎜Tutoriel vidéo HTML🎜🎜

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal