html中锚标记用法实例分享

所属分类: 网页制作 / HTML/Xhtml 阅读数: 1707
收藏 0 赞 0 分享
锚标记用法:
链接到同一文档中的特定位置叫做锚链接。
锚的使用方法是选择一个目标定位点,用来创建一个定位标记,用<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>

看文字说明太累:这里脚本之家歌大家一个简单的例子:


提示:您可以先修改部分代码再运行

拷贝到你得页面中试下是不是很好用呢!
更多精彩内容其他人还在看

浅谈HTML代码中的空格和空行

下面小编就为大家带来一篇浅谈HTML代码中的空格和空行。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

全面了解html.css溢出

下面小编就为大家带来一篇全面了解html.css溢出。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

htm初学笔记(新手必看)

下面小编就为大家带来一篇htm初学笔记(新手必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

HTML中文件上传时使用的<input type="file">元素的样式自定义

这篇文章主要介绍了HTML中文件上传时使用的<input type=
收藏 0 赞 0 分享

关于input的file 控件及美化

下面小编就为大家带来一篇关于input的file 控件及美化。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Html/Css(新手入门第一篇必看攻略)

下面小编就为大家带来一篇Html/Css(新手入门第一篇必看攻略)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

HTML 隐藏滚动条和去除滚动条的方法

这篇文章主要介绍了HTML 隐藏滚动条和去除滚动条的方法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

浅谈html标签的显示模式(块级标签,行内标签,行内块标签)

下面小编就为大家带来一篇浅谈html标签的显示模式(块级标签,行内标签,行内块标签)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

html制作细线表格的简单实例

下面小编就为大家带来一篇html制作细线表格的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

HTML中table表格标签的基础学习教程

用table标签在Web上显示表格内容是HTML所具有的最基本功能之一,这里我们就来看一下HTML中table表格标签的基础学习教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多