html 标签的使用--网页内部跳转

HTML使用超级链接去链接网络上的其他网页.


实例

创建超级链接
这个例子演示,如何在HTML文档中创建超级链接.
图片(图像)作为链接
这个例子演示,如何把图片设置为链接.
(在这个网页的下面,你可以看到更多的实例)


锚点标记和 Href 属性
HTML使用 <a> (锚点)标记,建立和其他文档的链接.
一个锚点可以指向网络上的任何资源,如可以指向: 一个HTML网页, 一个图片图像, 一个声音文件, 一个电影等等.
创建一个锚点的语法是: 

<a href="url">将被显示的文本</a>


标记 <a> 被用来创建一个锚点(链接来自), href 属性则是用来表示被链接的文档的地址. 在锚点的开始标记和结束标记间的文本被显示为一个超级链接.
这个锚定义一个对中国搜索的链接:

<a href="http://www.zhongguosou.com/">请访问中国搜!</a>


上面一行, 在浏览器中, 是下面这个样子:请访问中国搜!.


目标属性

使用目标属性, 你可指定当单击链接时, 被链接的文档在什么地方被打开.
下面行中表示的链接, 在被单击后, 将在新的浏览器窗口中打开文档.

<a href="http://www.zhongguosou.com/" target="_blank">访问中国搜!</a>

 


锚点标记和 Name(名称)属性

name属性用来命名锚点,创建已命名的锚点. 我们可以使用命名了的锚点, 直接跳到一个网页中的指定部分处. 避免用户上下拖动鼠标, 在页面上苦苦寻找.
下面是一个命名锚点的语法:

<a name="label">Text to be displayed</a>


name属性用来创建一个已命名锚点. 锚点的 name(名称)属性的值可以是任何你喜欢的文本, 也就是说你可以给它起你喜欢的名字.
下面一行定义了一个已命名锚点:

<a name="tips">有用的提示</a>


你可能已经注意到, 一个命名了的锚点并不以特别的方式显示, 与没有命名的锚点显示相同.
为了直接链接到 "tips" 部分, 在URL后面, 添加一个 # 和一个锚点名, 例如:

<a href="http://www.zhongguosou.com/html_links.html#tips"> 跳到有用的提示部分</a>


在文件 "html_links.html"内部, 对有用的提示部分的超级链接, 是下面这样的: 

<a href="#tips">跳到有用的提示部分</a>

 


基础笔记 - 有用的提示

在引用子文件夹是,总是添加一个斜杠. 如果你的链接是: href="http://www.zhongguosou.com/html", 你将会对Web服务器生成两次HTTP请求, 因为Web服务器将会在地址后面添加一个斜杠, 建立一个新的请求: href="http://www.zhongguosou.com/html/"
命名锚点通常用在: 对一个特别大的页面, 在页面开始处建立内容目录. 网页中的每一章被指定一个命名锚点, 然后把链接到这些锚点的链接放在页面的顶端. 在Google的各种帮助文件中, 命名锚点使用的比较多.
如果浏览器没有找到命名锚点, 它会显示页面顶端, 不会有错误出现.

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值