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标签的使用方法及跳转方式相关推荐

  1. HTML5新增的video标签,HTML5中video标签的使用方法

    HTML5中video标签的使用方法 发布时间:2020-08-27 11:33:56 来源:亿速云 阅读:100 作者:小新 这篇文章将为大家详细讲解有关HTML5中video标签的使用方法,小编觉 ...

  2. html5定义页脚的标签,HTML中footer标签的使用方法

    HTML中footer标签的使用方法 发布时间:2020-06-25 17:37:52 来源:亿速云 阅读:215 作者:Leah 本篇文章为大家展示了HTML中footer标签的使用方法,代码简明扼 ...

  3. html方法介绍,html中noframes标签的使用方法介绍

    html中noframes标签的使用方法介绍 发布时间:2020-04-17 09:35:28 来源:亿速云 阅读:672 作者:小新 这篇文章主要为大家详细介绍了html中noframes标签的使用 ...

  4. html中dt标签,html中dt标签的使用方法

    html中dt标签的使用方法 发布时间:2020-09-24 12:02:08 来源:亿速云 阅读:93 作者:小新 这篇文章主要介绍html中dt标签的使用方法,文中介绍的非常详细,具有一定的参考价 ...

  5. css中style怎么用,css中style标签的使用方法

    css中style标签的使用方法 发布时间:2020-07-01 09:49:22 来源:亿速云 阅读:141 作者:Leah 这篇文章将为大家详细讲解有关css中style标签的使用方法,文章内容质 ...

  6. html中aside整体,html中aside标签的使用方法

    html中aside标签的使用方法 发布时间:2020-09-24 14:18:03 来源:亿速云 阅读:98 作者:小新 小编给大家分享一下html中aside标签的使用方法,相信大部分人都还不怎么 ...

  7. html中div不在火狐居中,Firefox嵌套CSS中div标签居中问题解决方法

    本文和大家重点讨论一下Firefox嵌套CSS中div标签的居中问题的解决方法,主要包括使用line-height垂直居中,清除容器浮动,不让链接折行,始终让Firefox显示滚动条等内容. Fire ...

  8. php表格中的caption,html中caption标签的使用方法及实例详解

    html5中 标签作用是定义表格标题,这里详细介绍下标签用法.标签属性以及标签应用实例. html中 标签作用:定义表格标题标签用法: caption 元素定义表格标题. caption 标签必须紧随 ...

  9. proteus中的标签的使用方法。

    我们在proteus中绘制原理图的时候常常会遇到元器件的连线比较繁杂,导致原理图看起来比较乱,或者不是太好看,我们一般采用两种比较典型的方式来解决. 一.标签 1.终端模式下的标签 终端模式下的标签须 ...

最新文章

  1. linux安装用户名,Linux_Linux下用户名修改法,  在安装系统的时候填写 - phpStudy
  2. Office中如何实现公式颜色的更改?
  3. 用python 爬取百度百科内容-使用python爬取小说全部内容
  4. python数据分析方向_python数据分析方向,面试题解答
  5. java term_[ElasticSearch]Java API 之 词条查询(Term Level Query)
  6. python如何导入图片imread_OpenCV 使用imread()函数读取图片的六种正确姿势
  7. 如何通过iMazing导出Safari浏览器的历史记录
  8. ASP.NET MVC载入页面常用方法
  9. 获取并反编译微信小程序源码(仅供学习)
  10. centos7镜像在虚拟机上安装centos7详细教程
  11. vc++6.0 下实现的 立体四子棋 程序 (原型来源于北京科技馆)
  12. 华为A1路由器虚拟服务器,华为a1路由器怎么设置
  13. 13.0.高等数学3-空间曲线
  14. python3爬虫验证码识别——超级鹰打码平台的使用实战:识别古诗文网登录页面中的验证码
  15. 计算机动态评估英语阅读,【计算机教育论文】谈计算机动态评价模式同伴反馈有效性(共4305字)...
  16. excel快速把公式应用到一整列
  17. TextSymbol使用方法
  18. (转)操作系统实现多线程的几种模式
  19. 第三周实验题目2——robots协议
  20. java程序员从笨鸟到菜鸟_Java程序员从笨鸟到菜鸟之(十四)Html基础积累总结(上)...

热门文章

  1. 字符串转换为整数”123“-123
  2. Complete Tripartite
  3. MFC重写CView的getDocument()函数没有实现多态,只是静态联编
  4. 学淘宝美工设计真的很难吗?学历不高能做淘宝美工设计吗?
  5. vue 下拉刷新 组件 伸手党福利
  6. 移动办公oa软件如何实现资源共享?
  7. Scribe核心分析
  8. 2.4GHz射频前端集成芯片AT2401C介绍和引脚图片
  9. 笔记本插入网线没反应,WiFi又可以使用
  10. Excel实现数据转置,很方便操作