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> |
HTML中a标签的使用方法及跳转方式相关推荐
- HTML5新增的video标签,HTML5中video标签的使用方法
HTML5中video标签的使用方法 发布时间:2020-08-27 11:33:56 来源:亿速云 阅读:100 作者:小新 这篇文章将为大家详细讲解有关HTML5中video标签的使用方法,小编觉 ...
- html5定义页脚的标签,HTML中footer标签的使用方法
HTML中footer标签的使用方法 发布时间:2020-06-25 17:37:52 来源:亿速云 阅读:215 作者:Leah 本篇文章为大家展示了HTML中footer标签的使用方法,代码简明扼 ...
- html方法介绍,html中noframes标签的使用方法介绍
html中noframes标签的使用方法介绍 发布时间:2020-04-17 09:35:28 来源:亿速云 阅读:672 作者:小新 这篇文章主要为大家详细介绍了html中noframes标签的使用 ...
- html中dt标签,html中dt标签的使用方法
html中dt标签的使用方法 发布时间:2020-09-24 12:02:08 来源:亿速云 阅读:93 作者:小新 这篇文章主要介绍html中dt标签的使用方法,文中介绍的非常详细,具有一定的参考价 ...
- css中style怎么用,css中style标签的使用方法
css中style标签的使用方法 发布时间:2020-07-01 09:49:22 来源:亿速云 阅读:141 作者:Leah 这篇文章将为大家详细讲解有关css中style标签的使用方法,文章内容质 ...
- html中aside整体,html中aside标签的使用方法
html中aside标签的使用方法 发布时间:2020-09-24 14:18:03 来源:亿速云 阅读:98 作者:小新 小编给大家分享一下html中aside标签的使用方法,相信大部分人都还不怎么 ...
- html中div不在火狐居中,Firefox嵌套CSS中div标签居中问题解决方法
本文和大家重点讨论一下Firefox嵌套CSS中div标签的居中问题的解决方法,主要包括使用line-height垂直居中,清除容器浮动,不让链接折行,始终让Firefox显示滚动条等内容. Fire ...
- php表格中的caption,html中caption标签的使用方法及实例详解
html5中 标签作用是定义表格标题,这里详细介绍下标签用法.标签属性以及标签应用实例. html中 标签作用:定义表格标题标签用法: caption 元素定义表格标题. caption 标签必须紧随 ...
- proteus中的标签的使用方法。
我们在proteus中绘制原理图的时候常常会遇到元器件的连线比较繁杂,导致原理图看起来比较乱,或者不是太好看,我们一般采用两种比较典型的方式来解决. 一.标签 1.终端模式下的标签 终端模式下的标签须 ...
最新文章
- linux安装用户名,Linux_Linux下用户名修改法, 
在安装系统的时候填写 - phpStudy
- Office中如何实现公式颜色的更改?
- 用python 爬取百度百科内容-使用python爬取小说全部内容
- python数据分析方向_python数据分析方向,面试题解答
- java term_[ElasticSearch]Java API 之 词条查询(Term Level Query)
- python如何导入图片imread_OpenCV 使用imread()函数读取图片的六种正确姿势
- 如何通过iMazing导出Safari浏览器的历史记录
- ASP.NET MVC载入页面常用方法
- 获取并反编译微信小程序源码(仅供学习)
- centos7镜像在虚拟机上安装centos7详细教程
- vc++6.0 下实现的 立体四子棋 程序 (原型来源于北京科技馆)
- 华为A1路由器虚拟服务器,华为a1路由器怎么设置
- 13.0.高等数学3-空间曲线
- python3爬虫验证码识别——超级鹰打码平台的使用实战:识别古诗文网登录页面中的验证码
- 计算机动态评估英语阅读,【计算机教育论文】谈计算机动态评价模式同伴反馈有效性(共4305字)...
- excel快速把公式应用到一整列
- TextSymbol使用方法
- (转)操作系统实现多线程的几种模式
- 第三周实验题目2——robots协议
- java程序员从笨鸟到菜鸟_Java程序员从笨鸟到菜鸟之(十四)Html基础积累总结(上)...