45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > 网页设计 >

html中锚标记用法实例分享

电脑软硬件应用网 45IT.COM 时间:2012-10-02 10:32 作者:佚名

锚标记用法:
链接到同一文档中的特定位置叫做锚链接。
锚的使用方法是选择一个目标定位点,用来创建一个定位标记,用<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>

看文字说明太累:这里45IT给大家一个简单的例子:

<a href="#tag" >从这里</a>
<div style="height:600px"></div><a name="tag">跳到这里</a>

顶一下
(2)
66.7%
踩一下
(1)
33.3%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识