• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > html中锚标记用法实例分享

html中锚标记用法实例分享

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含锚标记等相关知识,佚名 希望在学习及工作中可以帮助到您
锚标记用法:
链接到同一文档中的特定位置叫做锚链接。
锚的使用方法是选择一个目标定位点,用来创建一个定位标记,用<a>标记的name属性的值来确定

定位标记名称。格式为:
<a name="定位标记名">
属性 name 用于创建一个命名的锚。当使用一个命名的锚,我们可以创建一个直接跳转到页面的指

定部分的链接,而不需要让读者通过滚动条拖动来找他/她需要的部分。
下面是创建一个命名锚的语法:
<a name="label">Text to be displayed</a>
属性 name 用于创建一个命名的锚。锚的名称可以使用你喜欢的文本来命名。
下面一行定义了一个命名的锚:
<a name="tips">Useful Tips Section</a>

然后在网页的任何地方建立对这个目标标记的链接,在标题上建立的链接地址名字要和定位标记名相同,前面还要加上"#"号。格式为:
<a href="#定位标记名">
一个命名锚在显示时与普通链接没什么特别不同之处。
为了直接链接到“要点”部分,一般需要在所请求的 URL 末尾加上符号 # 以及锚名称,象这样:
<a href="Jump'>http://www.w3schools.com/html_links.asp#tips">Jump to the Useful Tips Section</a>

到文件 "html_links.asp" 内部(一个页面内部)的可用锚链接的语法如下:
<a href="#tips">Jump to the Useful Tips Section</a>

看文字说明太累:这里微课江湖歌大家一个简单的例子:



<a href="#tag" >从这里</a> <div style="height:600px"></div><a name="tag">跳到这里</a>
提示:您可以先修改部分代码再运行
拷贝到你得页面中试下是不是很好用呢!

您可能想查找下面的文章:

相关文章

  • 2017-08-05input标签里面的name与value的区别
  • 2017-08-05W3C教程(13):W3C WSDL 活动
  • 2017-08-05HTML网页列表标记学习教程
  • 2017-08-05使用相对宽度调整表格问题
  • 2017-08-05meta name="" content="的作用详细介绍
  • 2017-08-05学习超级链接A标记
  • 2017-09-02响应式布局总结
  • 2017-08-05HTML DOCTYPE的缩写
  • 2017-08-05robots.txt详细介绍
  • 2017-08-05关于div中img,span垂直居中的问题

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • html页面使用include导入php文件后多出一空白行
    • 10个未被充分利用或被误解的HTML标签
    • W3C教程(4):W3C XHTML 活动
    • CSS样式控制实现IE提交表单记录历史点击返回信息仍在
    • HTML基础总结推荐(文本格式)
    • html marquee标签使用示例介绍
    • 学习超级链接A标记
    • js 返回上一页和刷新 的代码
    • HTML iframe 用法总结收藏
    • 使用trigger方式实现不用点击file类型的input弹出文件选择对话框

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有