XHTML之超级链接a
作者:飘零雾雨 日期:2008-11-19
HTML中有一个标记为互联网的兴起和发展起着举足轻重的作用,正是由于这个标记的存在,才成就了今天的互联网这张“网”,这个标记是就<a>。
互联网之所以成为互联网,就是通过a(也就是超级链接)将世界各地的网页链到一起,才形成了这张大而无形的网。
a标签其实是取自anchor(锚)的首字母缩写。属性href就是a的精髓所在,它为链接指定一个链接源URL,也就是说要链接到哪个地方或者哪个页面。
target属性是用来指定该链接如何打开,比如我们要让链接在一个新开的窗口中打开,那么我们只需将target的值设置为_blank即可,它的值还有_self, _top_parent等。虽说这个属性可以让链接变得更丰富,但在XHTML中,target属性已经是不被推荐使用的了。
简单的链接向右下凹陷效果
作者:飘零雾雨 日期:2007-09-08
转载请注明出处,css探索之旅-飘零雾雨的庄园
链接的效果可以被广大且有才的同学们做成漂亮的乱七八糟,所以我就不再在“漂亮”上较真了:)
重新把曾经一段时间被人们喜爱的“向右下凹陷”的链接效果整理了一下,当个回忆也好...
[演示地址:http://www.doyoe.com/model/xhtmlcss/style/a.htm]
CODE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-cn" />
<title>链接向右下凹陷的效果 - Powered by 飘零雾雨</title>
<meta name="description" content="以前一个比较流行的链接向下凹陷的效果" />
<meta name="keywords" content="a, 链接, 凹陷" />
<meta name="Author" content="Doyoe(飘零雾雨), dooyoe@gmail.com" />
<style type="text/css">
a:hover {position:relative;top:1px;left:1px;}
a.un:hover,a.nu,a.nn {text-decoration:none;}
a.nu:hover {text-decoration:underline;}
</style>
</head>
<body>
<ul>
<li><a href="?">测试链接向右下凹陷的效果</a></li>
<li><a class="un" href="?">测试链接向右下凹陷的效果</a></li>
<li><a class="nu" href="?">测试链接向右下凹陷的效果</a></li>
<li><a class="nn" href="?">测试链接向右下凹陷的效果</a></li>
</ul>
</body>
</html>






