a超级链接标签

本文档有配套视频，购买本文档或加入该课程后可播放!

允许运行Flash播放器吗?如未安装，请先安装Flash Player（版本: 11.4.0)或更高版本.

This is a link

Target 属性

使用 Target 属性，你可以定义被链接的文档以何种形式打开。
下面的这行会在新窗口打开文档：

<a href="http://www.wave12.com/" target="_blank">访问十二维网站</a>

锚标签和 Name 属性

当使用命名锚（named anchors）时，我们可以创建直接跳至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html入门精讲(wave12.com)</title>
</head>
<body>

<p>
<a href="#C4">查看章节 4</a>
</p>

<h2>章节 1</h2>
<p>章节内容……</p>

<h2>章节 2</h2>
<p>章节内容……</p>

<h2>章节 3</h2>
<p>章节内容……</p>

<h2><a id="C4">章节 4</a></h2>
<p>章节内容……</p>

<h2>章节 5</h2>
<p>章节内容……</p>

<h2>章节 6</h2>
<p>章节内容……</p>

<h2>章节 7</h2>
<p>章节内容……</p>

<h2>章节 8</h2>
<p>章节内容……</p>

<h2>章节 9</h2>
<p>章节内容……</p>

<h2>章节 10</h2>
<p>章节内容……</p>

<h2>章节 11</h2>
<p>章节内容……</p>

<h2>章节 12</h2>
<p>章节内容……</p>

<h2>章节 13</h2>
<p>章节内容……</p>

<h2>章节 14</h2>
<p>章节内容……</p>

<h2>章节 15</h2>
<p>章节内容……</p>

<h2>章节 16</h2>
<p>章节内容……</p>

<h2>章节 17</h2>
<p>章节内容……</p>

</body>
</html>

用浏览器打开页面：

单击链接，直接跳到C4的锚点处：

同时，网页地址栏的地址后面多了一个#C4，表示当前页面处于C4锚点处。

本文为付费文档，请购买或加入所属课程查阅全部内容!

正在加载评论...

提交评论

1. html简介试看
2. 一个简单的网页试看
3. 什么是网页标签的属性试看
4. html注释试看
5. head标签的内部标签试看
6. h标题标签
7. p段落标签和br换行标签
8. a超级链接标签
9. img图像标签
10. select下拉标签
11. font文本标签及文本格式化类标签
12. table表格标签
13. ul,ol列表标签
14. div、span标签
15. form表单标签
16. html标签的事件
17. iframe框架标签
18. pre预格式化标签
19. html的三种样式(CSS)形式
20. css语法和常用选择器
21. CSS常用属性
22. div和css布局的常用技巧
23. 典型网站的div+css布局形式
24. 网页滚动时让某个元素不超出页面顶部
25. 解决JQuery UI中tabs()方法与HTML 标签冲突
26. CSS3使用table-cell实现div里的内容水平和垂直居中