Tag: a预览模式: 普通 | 列表

XHTML之超级链接a

  HTML中有一个标记为互联网的兴起和发展起着举足轻重的作用,正是由于这个标记的存在,才成就了今天的互联网这张“网”,这个标记是就<a>。

  互联网之所以成为互联网,就是通过a(也就是超级链接)将世界各地的网页链到一起,才形成了这张大而无形的网。

  a标签其实是取自anchor(锚)的首字母缩写。属性href就是a的精髓所在,它为链接指定一个链接源URL,也就是说要链接到哪个地方或者哪个页面。

  target属性是用来指定该链接如何打开,比如我们要让链接在一个新开的窗口中打开,那么我们只需将target的值设置为_blank即可,它的值还有_self, _top_parent等。虽说这个属性可以让链接变得更丰富,但在XHTML中,target属性已经是不被推荐使用的了。

查看更多...

Tags: XHTML a 超级链接

分类:推开XHTML的大门 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 642

简单的链接向右下凹陷效果

  转载请注明出处,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>

查看更多...

Tags: a 链接 凹陷

分类:CSS | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 1105