链接

首页 > HTML实例讲解 > 链接

设置链接

设置链接请参考《设置链接》。

在图像上设置链接

在图像上设置链接请参考《在图像上设置链接》。

改变链接文字的颜色

改变链接文字的颜色可以在 <body> 标签里指定 link、vlink、alink 属性。link 是未访问的链接的颜色,vlink 是已访问的链接的颜色,alink 是被点击时的链接的颜色。

<body link="#0000cc" vlink="#000080" alink="#ff0000">

也可以用 CSS 代码在 <head>~</head> 里像下面这样写。

<style type="text/css">
<!--
a:link { color: #0000cc; }
a:visited { color: #000080; }
a:active { color: #ff0000; }
-->
</style>

要单独指定链接文字的颜色,像下面这样写。

<a href="xx.html" style="color:red">XXXX</a>

没有下划线的链接文字

要显示没有下划线的链接文字请参考《显示没有下划线的链接文字》。

改变鼠标悬浮时的链接文字的颜色

改变鼠标悬浮时的链接文字的颜色请参考《改变鼠标悬浮时的链接文字的颜色》。

“返回上一页”链接

“返回上一页”的链接可以使用 JavaScript 的 history.back()history.go() 实现。

<a href="javascript:history.back()">返回上一页</a>
<a href="javascript:history.go(-1)">返回上一页</a>

自动跳转

想自动跳转到其他网页,可以在 <head>~</head> 里像下面这样写。把 0 变成 5 就是 5 秒后自动跳转。

<meta http-equiv="Refresh" content="0; url=http://www.monmonkey.com/rumenpian/shili/shilijiangjie.html">

用下拉框实现跳转

像下面这样写,可以使用下拉框来跳转到其他网页。

<select onchange="location.href=this.options[this.selectedIndex].value">
 <option value="#">选择网址
 <option value="http://www.monmonkey.com/rumenpian/jichuzhishi.html">HTML基础知识
 <option value="http://www.monmonkey.com/css/jichuzhishi.html">CSS基础知识
 <option value="http://www.monmonkey.com/javascript/jichuzhishi.html">JavaScript基础知识
</select>

用链接打开 Word 和 Excel 文档

要点击链接打开 Word 和 Excel 文档,只需要把链接指向文档。

<a href="sample.doc">文档</a>

“关闭网页”链接

要实现点击后关闭网页的链接,可以像下面这样写。

<a href="#" onclick="window.close()">关闭网页</a>