总结HTML中a标签的使用方法及跳转方式

2022-10-16 0 801
资源来源于互联网和网友投稿如有侵权请及时联系客服下架
本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。
不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险以及产生法律纠纷与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除。
如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

本站只提供资源,不提供技术支持,介意勿下!源码太多站长无法每款都进行测试请自行甄别,虚拟产品售出无退换,下载链接如有失效请及时联系客服

网站部分资源上传至小程序供免费下载

百度小程序 微信小程序

总结HTML中a标签的使用方法及跳转方式

1、a标签的跳转方式和使用方法

a元素最重要的属性是 href 属性,它指示链接的目标。

a标签的跳转方式有五种:
写法为

1

<a href="http://vue.ydui.org/docs/#/flexbox" target="value"></a>

  • _blank表示跳到新页面打开,打开一个新窗口
  • _self表示当前页面打开链接
  • _parent表示在父集框架中打开
  • _top表示在整个窗口中打开
  • framename表示在指定的框架中打开

需要哪种方式跳转到页面,即需要在target里面添加属性值

2、a标签如何跳转到指定的位置

name 属性用于指定锚(anchor)的名称。href里面加#后面添加需要跳转地方的name值这样子就可以跳转到指定的位置了

<ul>

<li><a href="#C1" rel="external nofollow" >第一章</a></li>

<li><a href="#C2" rel="external nofollow" >第二章</a></li>

<li><a href="#C3" rel="external nofollow" >第三章</a></li>

</ul>

<h2><a name="C1">第一章</a></h2>

<p>本章讲解的内容是 ... ...</p>

<h2><a name="C2">第二章</a></h2>

<p>本章讲解的内容是 ... ...</p>

<h2><a name="C3">第三章</a></h2>

<p>本章讲解的内容是 ... ...</p>


3、a标签如何进行电话拨打

a标签拨打电话号码的方法只要在href添加tel和号码就行了

1

<a href="tel:123456789"></a>

 

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)
常见问题

相关文章

发表评论
暂无评论