HTML使用超级链接去链接网络上的其他网页. 实例
创建超级链接
这个例子演示,如何在HTML文档中创建超级链接.
图片(图像)作为链接
这个例子演示,如何把图片设置为链接.
(在这个网页的下面,你可以看到更多的实例)
锚点标记和 Href 属性
HTML使用 (锚点)标记,建立和其他文档的链接.
一个锚点可以指向网络上的任何资源,如可以指向: 一个HTML网页, 一个图片图像, 一个声音文件, 一个电影等等.
创建一个锚点的语法是:
将被显示的文本 |
标记 被用来创建一个锚点(链接来自), href 属性则是用来表示被链接的文档的地址. 在锚点的开始标记和结束标记间的文本被显示为一个超级链接.
这个锚定义一个对中国搜索的链接:
请访问中国搜! |
上面一行, 在浏览器中, 是下面这个样子:请访问中国搜!.
目标属性
使用目标属性, 你可指定当单击链接时, 被链接的文档在什么地方被打开.
下面行中表示的链接, 在被单击后, 将在新的浏览器窗口中打开文档.
访问中国搜! |
锚点标记和 Name(名称)属性
name属性用来命名锚点,创建已命名的锚点. 我们可以使用命名了的锚点, 直接跳到一个网页中的指定部分处. 避免用户上下拖动鼠标, 在页面上苦苦寻找.
下面是一个命名锚点的语法:
Text to be displayed |
name属性用来创建一个已命名锚点. 锚点的 name(名称)属性的值可以是任何你喜欢的文本, 也就是说你可以给它起你喜欢的名字.
下面一行定义了一个已命名锚点:
有用的提示 |
你可能已经注意到, 一个命名了的锚点并不以特别的方式显示, 与没有命名的锚点显示相同.
为了直接链接到 "tips" 部分, 在URL后面, 添加一个 # 和一个锚点名, 例如:
跳到有用的提示部分 |
在文件 "html_links.html"内部, 对有用的提示部分的超级链接, 是下面这样的:
跳到有用的提示部分 |
基础笔记 - 有用的提示
在引用子文件夹是,总是添加一个斜杠. 如果你的链接是: href="http://www.zhongguosou.com/html", 你将会对Web服务器生成两次HTTP请求, 因为Web服务器将会在地址后面添加一个斜杠, 建立一个新的请求: href="http://www.zhongguosou.com/html/"
命名锚点通常用在: 对一个特别大的页面, 在页面开始处建立内容目录. 网页中的每一章被指定一个命名锚点, 然后把链接到这些锚点的链接放在页面的顶端. 在Google的各种帮助文件中, 命名锚点使用的比较多.
如果浏览器没有找到命名锚点, 它会显示页面顶端, 不会有错误出现.