网页设计之06超链接样式

1、网页设计之06超链接样式第六章超链接样式Xhtml+Css+Dreamweaver一、超链接概述所谓的超链接是指从 个网页抬向个忖标的连接关系，这个丨1标町以 足另个网页，也町以足相同网页上的不同位遇，还町以是个图片， 个电了邮件地址，个文件,甚至足个应川程丿丫而在 个网页屮用來超链接的对彖M以是一段文木或者是一个图片当浏览者单击L1经链 接的文了或图片肓，链接y标将显示在浏览器匕并ti根据口标的类型 來打开或运行。-按照链接路径的不同，网页中超链接般分为以卜3种类型：内部链接，锚点链接和外部储接.-如果按照使用对象的不同,网页屮的链接又可以分为：文木趙诜接，帕像超链接,E-mailfil接，

2、備点徒接，多媒体文件进接，空链接URL的概念 URL（Universal Resource Locator ）全球资源定位器每个站点及站点上的每个网页都有唯一的地址，这个地址 称为统一资源定位符,我们俗称“网址” O一向浏览器输入URL 网址），町以访问URL所指向的Web网页。 如： 扌斤向中山学院肯页指向学院的FTP服务器 URL的基本结构：-通信协议：/服务器名称:通倍端I编兮"文件夹/文件名三.超链接中的路径绝对路径- i：www（广域网），以http开头的链接都是绝对路径；- 如:c:/website/img/photo.jpg即photo.jpg文件是在c盘的websit

3、el丨录卜的 img f H录中。类似于这样完整的描述文件位逐的路從就足绝对路征。我 们不需要知道真他任何伫息就町以根据绝对路径判断岀文件的位豐。在 网站中类似以來确定文件位置的方 式也足绝对路径。相对路径-所谓相对路径,顾名思义就是自己相对与目标位冒。-如I：但!用./img/pholojpg的相对路徨来d位文件：链接的photo.jpg以 使用img/photo.jpg位文件.那么不论将这吐文件放到哪足.只要他 们的相对关系没有变.就不会出错.便用“厂來表示上 级目录 丿/表示上上级的冃录以此类推。根路径-在网站的应用中，通常我们使用“/”來表示根冃录， /img/photo.jpg就农示

4、photo.jpg文件在这个网站的根口 录上的img目录里。-但是这样使用对于初学者來说是具有风险性的，因为 要知道这里所指的根11录并不是你的网站的根II录， ifu是你的网站所在的服务器的根14录，因此当网站的 根H录与服务器根丨丨录不同时，就会发牛错误。为文本建立超级链接页而链接文木样式主耍是4个伪类：link, :hover;:active;:visited 0 一般在页面链接中是用 a元素來实现。-比如： a:hover color:#000000 a:link color:#0099CC a:active color:#FF0033 a:visited color:#00FFOO：textdecoration:none;同一个页面中如何定义多个链接文本样式?五.其他链接形式电子邮件链接-mailto:123456126.8m一 maiIto:1234560）?subiect= 0M 题咨 HiJ &cc=yes&bcc=下载链接锚链接-使用命名锚记的链接可以跳转至文档内的特定位置"-同页面锚链接形式（#锚记）