分享

Space 简易教程(二十)

 小明 2006-09-25
超链接<A>语句代表一个链接点,它是英文 Anchor(锚点)的缩写。<A>语句在 HTML 语言中的主要作用是把当前位置的文本或图片连接到其他的页面、文本或图像,但对于它一些巧妙用法可能朋友们就不是很熟悉了。所以,在这篇教程中,我就来讲解一下。当然你也可以按此链接直接进入实例部分
 
(一)<A>语句的基本结构
 
<a  class=type id=value href=reference name=value rev=value shape=shape style=value target=window title=title onclick=function onmouseout=function onMouseOver=function> </a>

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

 

(二)应用实例 

1、在新窗口中打开链接的网页 (已失效
设定 Target="_blank" 即可。点击下面这个链接,看一下效果。
 
代码如下:
<A href="http://spaces./atiger/" target="_blank">新窗口中打开阿虎空间</A>
 
2、鼠标移到链接上时显示说明文字
设定 Title 参数值即可。试着将鼠标移动到下面这个链接上,就会显示“aTiger‘s Space”。
 
语句如下:
<A href="http://spaces./atiger/" Title="aTiger‘s Space">卧虎藏龙</A>
 
3、链接到本页的指定内容 (已失效
要实现链接到本页的某一部分内容上,也就是常说的“网页内跳转”,就需要用到参数 Name 来指定链接点的名称。在阅读一个很长的网页的时候,设置网页内跳转链接可以让读者迅速跳转到感兴趣的内容,以方便阅读,比如:小说的不同章节。下面这个例子则是返回到本文第一部分(<A>语句的基本结构),请点击下面的链接。

代码如下:
<A name="FirstPart"></A>(一)<A>语句的基本结构
......
<A href="http://spaces./atiger/#FirstPart">第一部分</A>
 
当你点击“第一部分”这个超链接后,就会自动跳转到“(一)<A>语句的基本结构”这个地方来。Name 参数所定义的链接点名称可以随意取,但链接的 Href 参数中的链接点名称必须与其一致,并且不要忘记在前面加上“#”。
 
4、“返回顶部”按钮
MSN Space 自己提供了一个的 Name 属性 —— “toppage”,可以用来制作“返回顶部”按钮。简单说,就是在 MSN Spaces 的网页地址之后加上“#toppage”这个参数。请试着点击下面两个例子中的链接,看看实际效果。
 
返回首页顶部 —— 用于 MSN Spaces 首页
语句如下:
<A href="http://spaces./atiger/#toppage">返回首页顶部</A>
 
返回日志顶部 —— 用于不再 MSN Spaces 首页上显示的日志 
语句如下:
<A href="http://spaces./atiger/Blog/cns!1pULH0I9hEReHUZ6MWvfMq5w!695.entry#toppage">返回日志顶部</A>
 
5、超链接图片
只要把原先的文字部分换成插入图片的语句即可,请点击下面这个笑脸,看看效果。
 
代码如下:
<A href="http://spaces./atiger/" Title="欢迎光临"> <IMG src="/rte/emoticons/smile_regular.gif" border=0></A>
 
6、提供文件下载
把要下载的文件网址放在 href 后即可。下面这个链接是下载一个 zip 文件,这个免费软件是用来调节 MP3 音量的。
语句如下:
<A title=MP3音量调节 href="http://nchc.dl./sourceforge/mp3gain/mp3gain-win-full-1_2_5.exe">
<IMG src="http://img./icon094.gif" border=0></A> 
 
7、链接 Email
点击一个超级链接后,将启动客户机上的电子邮件管理软件。请看这个例子:
 
代码如下:
<A href="mailto:atiger_bbs@hotmail.com">
<IMG src="http://www./greemailme.gif" border=0></A>
 
如果你点击了“请给我写信”这个链接,将自动开启浏览者默认的电子邮件软件(比如:Outlook、Foxmail ...)的写信功能,并已把邮件地址加在了收信人的地址栏里了。 当然,为了避免垃圾邮件搜索到你的 Email 地址,最好将发布在网上的地址使用特殊符号或者图形符号来代替。

补充:2006年1月,MSN Space 升级了系统,屏蔽了很多超链接的参数,比如 target="_blank" 等,真是太糟糕了!同样,这些参数也不能用在教程(二十六)里提到的 Custom HTML 模块中了。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多