ITPub博客

首页 > 应用开发 > IT综合 > 网页引用编写语法

网页引用编写语法

原创 IT综合 作者:weiming_liu 时间:2005-09-25 12:07:48 0 删除 编辑

活学巧用链接


超链接
语句代表一个链接点,它是英文 Anchor(锚点)的缩写。语句在 HTML 语言中的主要作用是把当前位置的文本或图片连接到其他的页面、文本或图像,但对于它一些巧妙用法可能朋友们就不是很熟悉了。所以,在这篇教程中,我就来讲解一下。当然你也可以按此链接直接进入实例部分。



(一)
语句的基本结构

从上述结构可以看出,在设定一个超链接时有很多参数可供选择,以实现不同的链接效果。下面仅就最常用的参数讲解一下:
1、Class 和 ID 选项:用于设定链接点所属的类型和分配的 ID 号,通常不加以设定。
2、Href:hypertext reference 的缩略词,用于设定链接地址。链接地址一般为 URL 地址,如果没有给出具体路径,则默认路径与当前页的路径相同。 如果链接的文件为 HTML 文件,则在当前浏览器中直接打开;如果为可执行文件(比如:.exe文件),则直接执行或下载此文件;如果为文本文件(比如:Office 格式的文件),则在浏览器中打开此文件,并可以进行编辑加工,前提条件是使用机器上安装了 Office 软件。
3、Name:网页区域名称,通过设定此属性,可以实现网页内的跳转。
4、Shape:设定链接点的区域形状和大小,主要用于图片链接点的情况。
5、Target:设定链接到哪一个窗口,最常用的是 target="_bank",表示新开一个窗口来打开超链接内容,如果缺省则在当前窗口中打开超链接的内容。
6、Title:用于设定链接点被选到时显示的标题,相当于注释。
7、Onclick:当链接点被点击后将触发这个事件,执行相应的命令。
8、Onmouseover:当鼠标点移动到链接点上时,对应的事件被触发。
9、Onmouseout:对应的事件在鼠标移出链接点后被触发。 (似乎这三个指令被 MSN Space 禁用了)

(二)应用实例

1、在新窗口中打开链接的网页
设定 Target="_blank" 即可。点击下面这个链接,看一下效果。

新窗口中打开阿虎空间
代码如下:
http://spaces.msn.com/members/atiger/" target="_blank">新窗口中打开阿虎空间

2、鼠标移到链接上时显示说明文字
设定 Title 参数值即可。试着将鼠标移动到下面这个链接上,就会显示“aTiger's Space”。

卧虎藏龙
语句如下:
http://spaces.msn.com/members/atiger/" Target="_blank" Title="aTiger's Space">卧虎藏龙

3、链接到本页的指定内容
要实现链接到本页的某一部分内容上,也就是常说的“网页内跳转”,就需要用到参数 Name 来指定链接点的名称。在阅读一个很长的网页的时候,设置网页内跳转链接可以让读者迅速跳转到感兴趣的内容,以方便阅读,比如:小说的不同章节。下面这个例子则是返回到本文第一部分(语句的基本结构),请点击下面的链接。
第一部分

代码如下:
(一)语句的基本结构
......
http://spaces.msn.com/members/atiger/#FirstPart">第一部分

当你点击“第一部分”这个超链接后,就会自动跳转到“(一)语句的基本结构”这个地方来。Name 参数所定义的链接点名称可以随意取,但链接的 Href 参数中的链接点名称必须与其一致,并且不要忘记在前面加上“#”。

4、“返回顶部”按钮
另外,MSN Space 自己提供了一个的 Name 属性 —— “toppage”,可以用来制作“返回顶部”按钮。

返回顶部
语句如下:
http://spaces.msn.com/members/atiger/#toppage">返回顶部

5、超链接图片
只要把原先的文字部分换成插入图片的语句即可,请点击下面这个笑脸,看看效果。

代码如下:
http://spaces.msn.com/members/atiger/" Target="_blank" Title="欢迎光临">

6、提供文件下载
把要下载的文件网址放在 href 后即可。下面这个链接是下载一个 zip 文件,这个免费软件是用来调节 MP3 音量的。

语句如下:
http://voxel.dl.sourceforge.net/sourceforge/mp3gain/mp3gain-win-full-1_2_5.zip"> http://img.ezbbs.net/icon094.gif" border=0>

7、链接 Email
点击一个超级链接后,将启动客户机上的电子邮件管理软件。请看这个例子:

代码如下:
mailto:atiger_bbs@hotmail.com">
http://www.tandem-associates.com/greemailme.gif" border=0>

如果你点击了“请给我写信”这个链接,将自动开启浏览者默认的电子邮件软件(比如:Outlook、Foxmail ...)的写信功能,并已把邮件地址加在了收信人的地址栏里了。 当然,为了避免垃圾邮件搜索到你的 Email 地址,最好将发布在网上的地址使用特殊符号或者图形符号来代替。

[@more@]

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/57915/viewspace-807050/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
  • 博文量
    61
  • 访问量
    498210